@font-face{font-family:Inter;src:url('/assets/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:Quicksand;src:url('/assets/fonts/Quicksand-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--mint:#4AD6B8;--cta-fill:#15805E;--lavender:#BA93D0;--peach:#FFB38A;--sky:#378ADD;--ink:#151821;--sub:#4A4D55;--caption:#6B7079;--border:#E3E4E7;--mint-light:#E7F8F2;--lavender-light:#EFE9FB;--peach-light:#FFF3EC;--sky-light:#E4EFFB;--shadow:0 4px 24px -5px rgba(21,24,33,.10)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.content-page{margin:0;min-width:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(1000px 600px at 6% 1%,rgba(74,214,184,.18),transparent 62%),radial-gradient(900px 560px at 96% 2%,rgba(186,147,208,.17),transparent 63%),linear-gradient(180deg,#f4faf8 0%,#faf7fc 30%,#f8f6fb 62%,#fdf9f4 86%,#fbfafe 100%);font-family:Inter,sans-serif;line-height:1.6}
a{color:var(--ink)}
[hidden]{display:none!important}
.skip-link{position:absolute;left:-10000px;top:8px;z-index:1000;padding:12px;background:#fff;color:var(--ink)}
.skip-link:focus{left:8px}
.site-nav-shell{padding:12px 24px 0}
.site-nav{max-width:1132px;margin:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;border:1px solid rgba(227,228,231,.9);border-radius:16px;background:rgba(255,255,255,.8);box-shadow:0 6px 18px rgba(21,24,33,.035)}
.site-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 19px Quicksand,sans-serif}
.site-nav-links{display:flex;align-items:center;gap:18px;white-space:nowrap}
.site-nav-links a{color:var(--sub);font-size:14px;font-weight:500;text-decoration:none}
.site-nav-links a[aria-current=page]{color:var(--ink);font-weight:600}
.site-nav-links .nav-start,.site-mobile-nav a:last-child{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:20px;background:var(--cta-fill);color:#fff;font-weight:700}
.site-mobile-nav{display:none;position:relative}
.site-mobile-nav summary{min-width:44px;min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.site-mobile-nav>div{position:absolute;right:0;top:100%;z-index:20;display:flex;flex-direction:column;min-width:230px;padding:12px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.site-mobile-nav a{display:flex;align-items:center;min-height:44px;padding:6px 12px;color:var(--ink);text-decoration:none}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 24px;border-radius:22px;text-decoration:none;font:700 14px Inter,sans-serif;letter-spacing:.2px}
.sp-btn.sp-lg{min-height:52px;padding:12px 32px;font-size:16px;border-radius:24px}
.sp-primary{background:var(--cta-fill);color:#fff}
.sp-secondary{border:1px solid #CAC4D0;background:#fff;color:var(--ink)}
.site-footer{background:var(--ink);color:#C9CCD3}
.site-footer-inner{max-width:1132px;margin:auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px;padding:44px 24px 36px}
.site-footer .footer-col ul{list-style:none;padding:0;margin:10px 0 0}
.site-footer .footer-col li{margin:8px 0}
.site-footer .footer-col a{color:#C9CCD3;text-decoration:none;font-size:14px}
.site-footer .footer-col h3{color:#fff;font-size:14px;margin:0}
.site-footer .footer-brand .row{display:flex;align-items:center;gap:8px;color:#fff;font:700 19px Quicksand,sans-serif}
.site-footer .footer-brand>span{display:block;margin-top:12px;max-width:300px;font-size:14px;line-height:1.6}
.site-footer .footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2A2E39;padding-top:18px;font-size:12.5px;color:#9DA2AD}
.todo-aroop{display:inline-block;padding:4px 8px;border:1px dashed var(--peach);border-radius:6px;color:var(--sub);background:var(--peach-light);font-size:13px}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
@media(max-width:1100px){.site-nav-links{gap:10px}.site-nav-links a{font-size:13px}}
@media(max-width:960px){.site-nav-links{display:none}.site-mobile-nav{display:block}}
@media(max-width:640px){.site-nav-shell{padding:10px 16px 0}.site-footer-inner{grid-template-columns:1fr 1fr;padding:36px 16px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-meta{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Release navigation, shared app frame, and spacing rules. */
:root{--space-text-action:24px;--space-action-caption:10px;--space-grid-link:20px;--space-card:20px;--space-card-heading:16px}
.site-nav-links .nav-group{position:relative;display:flex;align-items:center;gap:2px}
.site-nav-links .nav-disclosure{border:0;background:transparent;color:var(--ink);cursor:pointer;min-width:28px;min-height:44px}
.nav-dropdown{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:245px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.nav-dropdown a{display:block;padding:9px 12px;white-space:nowrap;color:var(--ink);font-weight:600}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-disclosure[aria-expanded="true"]+.nav-dropdown{display:block}
.site-mobile-nav strong{display:block;padding:12px 14px 4px;color:var(--ink)}
.content-page main a:not(.sp-btn):not(.nav-start):not(.skills-card):not(.catalog-role-list a):not(.catalog-card):not(.content-store){color:var(--ink)}
.content-page main p a,.content-page main li a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.content-page main a:hover{text-decoration:underline}
.phone-frame{box-sizing:border-box;position:relative;width:min(100%,302px);margin-inline:auto;padding:31px 10px 11px;border-radius:48px;background:#151821;box-shadow:0 24px 50px rgba(21,24,33,.22);overflow:hidden}
.phone-frame-status{position:absolute;top:8px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;height:21px;color:#fff;font-size:10px;font-weight:700}
.phone-frame-camera{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:61px;height:15px;border-radius:12px;background:#090b0f}
.phone-frame-screen{overflow:hidden;border-radius:38px;background:#fff}
.phone-frame-screen>img{display:block;width:100%;height:auto}
.phone-frame .role-phone{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
.catalog-hero-two{min-width:0}.catalog-hero-two>*{min-width:0}
.catalog-grid-two,.catalog-path-grid,.catalog-outcome-grid{gap:var(--space-card)}
.catalog-card h2+*,.catalog-card h3+*{margin-top:var(--space-card-heading)}
.catalog-hero .sp-btn{margin-top:var(--space-text-action)}
.catalog-hero .sp-btn+.catalog-caption{margin-top:var(--space-action-caption)}
.catalog-grid-two+.catalog-grid-two,.catalog-card+.catalog-grid-two{margin-top:var(--space-card)}
.catalog-grid-two+.catalog-course-links{margin-top:var(--space-grid-link)}
.role-phone-next+strong{margin-top:12px}
.role-phone-read+.role-phone-skip{margin-top:8px}

@media(max-width:640px){.content-page main section>.phone-frame{width:min(100%,302px)!important}}
.role-phone-next+strong{display:block;margin-top:12px}