.developers-area{--dev-accent:#4100b9;--dev-ink:#202039;--dev-muted:#707084;color:var(--dev-ink);font-size:15px;line-height:1.8;overflow-wrap:anywhere}.developers-area .dev-eyebrow{color:var(--dev-accent);font-size:13px;font-weight:700;letter-spacing:1px}.developers-area .dev-intro{max-width:650px;margin:0 auto 35px;text-align:center}.developers-area .dev-intro h1{font-weight:700;font-size:36px;margin:12px 0}.developers-area .dev-muted{color:var(--dev-muted)}.dev-card{height:100%;background:#fff;border:1px solid #e4e4eb;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.dev-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #20203912}.dev-card-banner{height:86px;background:linear-gradient(120deg,#4100b9,#00c6ff);background-size:cover;background-position:center}.dev-card-body{padding:0 24px 24px}.dev-avatar{width:88px;height:88px;object-fit:cover;border-radius:24px;border:5px solid #fff;background:#eee9fa;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#4100b9;flex-shrink:0}.dev-card .dev-avatar{margin-top:-42px;position:relative;margin-bottom:14px}.dev-card h2{font-size:21px;font-weight:700}.dev-tags{display:flex;flex-wrap:wrap;gap:7px}.dev-tag{display:inline-block;border:1px solid #e8e5f2;border-radius:7px;padding:3px 10px;font-size:12px;background:#f7f5fc;color:#553a83}.dev-availability{display:inline-block;border-radius:30px;font-size:12px;padding:3px 12px;background:#e9f8ef;color:#237849}.developers-area .dev-button{background:#4100b9;color:#fff;border-radius:8px;border:1px solid #4100b9}.developers-area .dev-button-outline{border:1px solid #dcd6ec;color:#4100b9;border-radius:8px;background:#fff}.dev-cover{height:240px;border-radius:18px;background:linear-gradient(120deg,#4100b9,#00c6ff);overflow:hidden}.dev-cover img{width:100%;height:100%;object-fit:cover}.dev-profile-header{position:relative;padding:0 32px 28px;background:white;margin:-50px 24px 24px;border-radius:14px;border:1px solid #e8e5ef}.dev-profile-header .dev-avatar{width:120px;height:120px;margin-top:-45px;margin-bottom:18px;border-width:6px;font-size:40px}.dev-profile-header h1{font-size:32px;font-weight:700}.dev-profile-header .dev-headline{font-size:19px}.dev-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dev-actions{display:flex;gap:8px;flex-wrap:wrap}.dev-panel{background:white;padding:28px;border:1px solid #e4e4eb;border-radius:14px;margin-bottom:24px}.dev-panel h2{font-size:21px;font-weight:700;margin-bottom:24px}.dev-prose{white-space:pre-line;line-height:1.95}.dev-timeline{border-right:2px solid #ebe5f6;padding-right:22px}.dev-timeline article{position:relative;margin-bottom:25px}.dev-timeline article:last-child{margin-bottom:0}.dev-timeline article:before{content:'';position:absolute;right:-29px;top:7px;border:3px solid #eee5ff;background:#4100b9;border-radius:50%;width:12px;height:12px}.dev-timeline h3{font-size:17px;font-weight:700}.dev-project-image{height:190px;width:100%;object-fit:cover;background:#eee9fa}.dev-project-placeholder{display:flex;align-items:center;justify-content:center;font-size:50px;color:#7153ab}.dev-project-body{padding:22px}.dev-project-body h3{font-size:19px;font-weight:700}.dev-contact{display:block;padding:10px 0;color:#4100b9;border-bottom:1px solid #f0edf6}.dev-empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed #d7cee9;border-radius:14px}.dev-section-nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px}.dev-section-nav a{color:#514266}.dev-card-summary{min-height:54px}.developers-area a:focus-visible{outline:3px solid #00a4d9;outline-offset:4px}@media(max-width:767px){.dev-cover{height:175px}.dev-profile-header{margin:-30px 12px 20px;padding:0 20px 22px}.dev-profile-header h1{font-size:27px}.dev-profile-header .dev-avatar{width:96px;height:96px;margin-top:-35px}.dev-panel{padding:22px}.developers-area .dev-intro h1{font-size:28px}.dev-header-row{gap:12px}.dev-actions .btn{padding:9px 14px}}@media(prefers-reduced-motion:reduce){.dev-card{transition:none}.dev-card:hover{transform:none}}@media print{body>.navbar,body>.footer,.osahan-copyright,.dev-actions,.dev-section-nav{display:none!important}.developers-area .col-lg-4,.developers-area .col-lg-8{max-width:100%;flex:0 0 100%}.dev-panel,.dev-card{break-inside:avoid}.dev-cover{height:100px}}