/* ShebaKhoj developer profile page */
.sk-dev-page{max-width:1180px;padding-top:34px;padding-bottom:64px}
.sk-dev-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:28px;min-height:430px;padding:clamp(26px,5vw,58px);overflow:hidden;border:1px solid #dce8f6;border-radius:28px;background:radial-gradient(circle at 85% 12%,rgba(14,165,233,.17),transparent 34%),linear-gradient(125deg,#f8fbff 0%,#edf7ff 52%,#e7fbf6 100%);box-shadow:0 18px 48px rgba(16,64,120,.09)}
.sk-dev-hero-copy{position:relative;z-index:2;max-width:620px}
.sk-dev-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#0874bd;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sk-dev-eyebrow i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#dff2ff;color:#0874bd}
.sk-dev-hero h1{margin:18px 0 14px;color:#102a50;font-size:clamp(2.1rem,4.5vw,3.65rem);line-height:1.12;letter-spacing:-.045em}
.sk-dev-hero h1 strong{color:#087f9d;background:linear-gradient(90deg,#0757ad,#00a88c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sk-dev-lead{max-width:560px;color:#52647c;font-size:1.08rem;line-height:1.85}
.sk-dev-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sk-dev-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 19px;border-radius:13px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.sk-dev-button:hover{transform:translateY(-2px);text-decoration:none}
.sk-dev-button-primary{color:#fff;background:linear-gradient(110deg,#0866d9,#087fba);box-shadow:0 9px 22px rgba(8,102,217,.2)}
.sk-dev-button-primary:hover{color:#fff;box-shadow:0 13px 26px rgba(8,102,217,.25)}
.sk-dev-button-light{color:#16406a;background:#fff;border:1px solid #d9e7f5}
.sk-dev-button-light:hover{color:#075cae;box-shadow:0 8px 22px rgba(16,64,120,.1)}
.sk-dev-trust-note{display:flex;align-items:center;gap:9px;margin-top:25px;color:#63758c;font-size:.86rem;font-weight:700}
.sk-dev-trust-note i{color:#079b8c}
.sk-dev-portrait-panel{position:relative;display:grid;place-items:center;min-height:340px}
.sk-dev-portrait{position:relative;z-index:1;width:min(100%,340px);aspect-ratio:1;border:9px solid rgba(255,255,255,.9);border-radius:50%;background-image:url('../img/developer-showcase.webp');background-size:200% 100%;background-position:right center;box-shadow:0 22px 55px rgba(12,44,78,.2)}
.sk-dev-portrait-tag{position:absolute;z-index:2;right:0;bottom:28px;display:flex;align-items:center;gap:9px;padding:13px 17px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.94);color:#17446b;font-size:.86rem;font-weight:800;box-shadow:0 10px 28px rgba(15,49,82,.12)}
.sk-dev-portrait-tag i{color:#08a98d}
.sk-dev-orbit{position:absolute;border:1px solid rgba(6,130,174,.18);border-radius:50%;pointer-events:none}
.sk-dev-orbit-one{width:390px;height:390px}
.sk-dev-orbit-two{width:440px;height:440px}
.sk-dev-work{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:34px;margin-top:28px;padding:clamp(24px,4vw,42px);border:1px solid var(--line,#e4e9f0);border-radius:24px;background:var(--surface,#fff);box-shadow:0 12px 34px rgba(16,40,80,.06)}
.sk-dev-work h2,.sk-dev-connect h2{margin:14px 0 10px;color:var(--ink-900,#172b4d);font-size:clamp(1.45rem,2.8vw,2.1rem);line-height:1.25}
.sk-dev-work-copy p,.sk-dev-connect p{color:var(--ink-600,#667085);line-height:1.8}
.sk-dev-inline-link{display:inline-flex;align-items:center;gap:9px;margin-top:10px;color:var(--brand-700,#075bd8);font-weight:800;text-decoration:none}
.sk-dev-inline-link:hover{text-decoration:underline}
.sk-dev-health-art{width:min(100%,380px);min-height:0;max-height:none;aspect-ratio:1/1;justify-self:end;border:1px solid #dce9f5;border-radius:18px;background-image:url('../img/developer-showcase.webp');background-size:200% 100%;background-position:left center;background-repeat:no-repeat;box-shadow:0 12px 28px rgba(16,64,120,.12)}
.sk-dev-connect{display:flex;align-items:center;gap:20px;margin-top:28px;padding:25px 30px;border:1px solid #dce8f6;border-radius:22px;background:linear-gradient(110deg,#f1f8ff,#f0fcf8)}
.sk-dev-connect-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:#dceeff;color:#0871c9;font-size:1.35rem}
.sk-dev-connect-copy{flex:1}
.sk-dev-connect h2{margin:0 0 5px;font-size:1.35rem}
.sk-dev-connect p{margin:0}
.sk-dev-connect-actions{display:flex;gap:10px}
.sk-dev-connect-actions a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8e6f5;border-radius:50%;background:#fff;color:#075fc3;text-decoration:none;transition:transform .18s ease,background .18s ease}
.sk-dev-connect-actions a:hover{transform:translateY(-2px);background:#e9f4ff}
.sk-dev-credit{display:inline-flex;align-items:center;gap:5px;color:var(--ink-500,#667085);font-size:.83rem;white-space:nowrap}
.sk-dev-credit i{color:#078d91}
.sk-dev-credit a{color:var(--brand-700,#075bd8);font-weight:800;text-decoration:none}
.sk-dev-credit a:hover{text-decoration:underline}
@media(max-width:800px){.sk-dev-page{padding-top:18px;padding-bottom:42px}.sk-dev-hero{grid-template-columns:1fr;gap:8px;text-align:center;padding:28px 22px}.sk-dev-hero-copy{margin:auto}.sk-dev-hero-actions,.sk-dev-trust-note{justify-content:center}.sk-dev-portrait-panel{min-height:300px}.sk-dev-portrait{width:min(70vw,280px)}.sk-dev-portrait-tag{right:4%;bottom:14px}.sk-dev-orbit-one{width:310px;height:310px}.sk-dev-orbit-two{width:350px;height:350px}.sk-dev-work{grid-template-columns:1fr;gap:20px}.sk-dev-health-art{width:min(100%,380px);min-height:0;justify-self:center}.sk-dev-connect{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start}.sk-dev-connect-icon{grid-column:1;grid-row:1}.sk-dev-connect-copy{grid-column:2;min-width:0}.sk-dev-connect-actions{grid-column:2;margin-left:0;margin-top:8px}}
@media(max-width:480px){.sk-dev-hero h1{font-size:2.1rem}.sk-dev-lead{font-size:.98rem}.sk-dev-hero-actions{flex-direction:column}.sk-dev-button{width:100%}.sk-dev-portrait-panel{min-height:260px}.sk-dev-portrait{width:240px}.sk-dev-portrait-tag{font-size:.76rem;padding:10px 12px}.sk-dev-work{padding:20px 16px}.sk-dev-health-art{width:100%;min-height:0;justify-self:stretch}.sk-dev-connect{padding:20px 17px;gap:13px}.sk-dev-connect-copy{min-width:0}.sk-dev-connect-actions{margin-left:0}}
@media(prefers-reduced-motion:reduce){.sk-dev-button,.sk-dev-connect-actions a{transition:none}}

/* Animated developer showcase refresh — original artwork is intentionally preserved. */
.sk-developer-page .sk-dev-page{padding-top:30px;padding-bottom:52px}
.sk-developer-page .sk-dev-hero{isolation:isolate;animation:devHeroSettle .8s cubic-bezier(.2,.7,.2,1) both}
.sk-developer-page .sk-dev-hero:after{content:"";position:absolute;z-index:-1;inset:auto -12% -52% 35%;height:72%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,184,160,.13),transparent);pointer-events:none;animation:devGlowBreathe 8s ease-in-out infinite}
.sk-developer-page .sk-dev-portrait{animation:devPortraitFloat 7s ease-in-out infinite;will-change:transform}
.sk-developer-page .sk-dev-orbit-one{animation:devOrbit 30s linear infinite}
.sk-developer-page .sk-dev-orbit-two{animation:devOrbit 42s linear infinite reverse}
.sk-developer-page .sk-dev-portrait-tag{animation:devTagFloat 6s ease-in-out infinite}
.sk-developer-page .sk-dev-work{grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);gap:clamp(24px,4vw,46px);padding:clamp(24px,3.8vw,38px);background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#f1fbf8 100%);border-color:#dce8f4;box-shadow:0 18px 42px rgba(16,55,100,.075);overflow:hidden}
.sk-developer-page .sk-dev-work-copy{position:relative;z-index:1}
.sk-developer-page .sk-dev-work h2{max-width:17ch;font-size:clamp(1.55rem,2.7vw,2.15rem);letter-spacing:-.035em}
.sk-developer-page .sk-dev-work-copy p{max-width:48ch;font-size:.96rem}
.sk-dev-art-wrap{position:relative;isolation:isolate;width:min(100%,440px);justify-self:end;padding:12px;border:1px solid #d9e8f5;border-radius:25px;background:linear-gradient(145deg,#fff,#edf6ff 60%,#eafaf5);box-shadow:0 20px 46px rgba(24,73,120,.14);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.sk-dev-art-wrap:hover{transform:translateY(-5px);box-shadow:0 26px 56px rgba(24,73,120,.19)}
.sk-dev-art-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 11px;color:#69809a;font-size:.67rem;font-weight:850;letter-spacing:.09em}
.sk-dev-art-topline span:first-child{display:inline-flex;align-items:center;gap:7px;color:#0874bd}
.sk-dev-art-topline i{color:#0aa58f}
.sk-dev-health-art{width:100%;max-width:none;min-height:0;max-height:none;aspect-ratio:1/1;justify-self:stretch;border:0;border-radius:17px;background-image:url('../img/developer-showcase.webp');background-size:200% 100%;background-position:left center;background-repeat:no-repeat;box-shadow:0 8px 22px rgba(16,64,120,.12);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.sk-dev-art-wrap:hover .sk-dev-health-art{transform:scale(1.012)}
.sk-dev-art-wrap:after{content:"";position:absolute;z-index:2;top:48px;left:12px;right:12px;height:calc(100% - 112px);border-radius:17px;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.24) 48%,transparent 68%);transform:translateX(-145%);pointer-events:none;animation:devImageShine 9s ease-in-out 1.5s infinite}
.sk-dev-art-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 4px 3px}
.sk-dev-art-caption>div{display:grid;gap:3px;min-width:0}
.sk-dev-art-caption strong{color:#17385e;font-size:.9rem;line-height:1.3}
.sk-dev-art-caption small{color:#77869a;font-size:.7rem;line-height:1.4}
.sk-dev-original-tag{display:inline-flex;align-items:center;gap:5px;flex:none;padding:7px 9px;border:1px solid #d9eee8;border-radius:999px;background:#f2fbf8;color:#087f69;font-size:.66rem;font-weight:800;white-space:nowrap}
.sk-dev-connect{margin-top:22px;padding:21px 26px;box-shadow:0 10px 28px rgba(16,64,120,.055);transition:transform .28s ease,box-shadow .28s ease}
.sk-dev-connect:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,64,120,.09)}

/* Compact, polished footer call-to-action on the developer page only. */
.sk-developer-page .foot-cta-band{max-width:1180px;margin:0 auto 22px;padding:13px 19px;gap:13px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:linear-gradient(112deg,#0755c8 0%,#0866d9 54%,#0b4b9d 100%);background-size:180% 180%;box-shadow:0 13px 30px rgba(5,74,164,.2);animation:devCtaGradient 12s ease-in-out infinite}
.sk-developer-page .foot-cta-ico{width:43px;height:43px;border-radius:13px;font-size:1.08rem}
.sk-developer-page .foot-cta-band b{font-size:.96rem;line-height:1.35;letter-spacing:0}
.sk-developer-page .foot-cta-band small{font-size:.76rem;line-height:1.45}
.sk-developer-page .foot-cta-band .btn{min-height:36px;padding:0 15px;border-radius:999px;font-size:.77rem;white-space:nowrap}
.sk-developer-page .foot-cta-band:after{animation:devGlowBreathe 7s ease-in-out infinite}
@keyframes devHeroSettle{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes devPortraitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes devTagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes devOrbit{to{transform:rotate(360deg)}}
@keyframes devGlowBreathe{0%,100%{opacity:.48}50%{opacity:.95}}
@keyframes devImageShine{0%,18%{transform:translateX(-145%)}42%,100%{transform:translateX(145%)}}
@keyframes devCtaGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:800px){
 .sk-developer-page .sk-dev-work{grid-template-columns:1fr;gap:22px}
 .sk-developer-page .sk-dev-work-copy{text-align:center}
 .sk-developer-page .sk-dev-work h2{max-width:none}
 .sk-developer-page .sk-dev-art-wrap{width:min(100%,440px);justify-self:center}
 .sk-developer-page .sk-dev-connect{margin-top:20px}
}
@media(max-width:560px){
 .sk-developer-page .sk-dev-page{padding-top:16px;padding-bottom:32px}
 .sk-developer-page .sk-dev-work{padding:20px 16px;border-radius:20px}
 .sk-developer-page .sk-dev-art-wrap{padding:9px;border-radius:20px}
 .sk-developer-page .sk-dev-health-art{border-radius:13px}
 .sk-developer-page .sk-dev-art-wrap:after{top:43px;left:9px;right:9px;height:calc(100% - 100px);border-radius:13px}
 .sk-developer-page .sk-dev-art-caption{align-items:flex-start;flex-direction:column;padding:11px 3px 2px}
 .sk-developer-page .sk-dev-connect{padding:17px 15px;gap:12px}
 .sk-developer-page .foot-cta-band{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px 11px;padding:12px 14px;margin-bottom:18px}
 .sk-developer-page .foot-cta-ico{grid-column:1;grid-row:1;width:40px;height:40px}
 .sk-developer-page .foot-cta-band>div{grid-column:2;grid-row:1;min-width:0}
 .sk-developer-page .foot-cta-band b{font-size:.86rem}
 .sk-developer-page .foot-cta-band small{font-size:.7rem}
 .sk-developer-page .foot-cta-band .btn{grid-column:2;grid-row:2;justify-self:start;min-height:33px;padding:0 13px;font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){
 .sk-developer-page .sk-dev-hero,.sk-developer-page .sk-dev-portrait,.sk-developer-page .sk-dev-orbit,.sk-developer-page .sk-dev-portrait-tag,.sk-developer-page .sk-dev-art-wrap:after,.sk-developer-page .foot-cta-band,.sk-developer-page .foot-cta-band:after{animation:none!important}
 .sk-developer-page .sk-dev-art-wrap,.sk-developer-page .sk-dev-health-art,.sk-developer-page .sk-dev-connect{transition:none!important}
}

@media(max-width:560px){.sk-developer-page .foot-cta-band .btn{width:auto;max-width:100%;display:inline-flex;justify-self:start}}