
/* @font-face — inlined to avoid chained request */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/_css/assets/e310b55a7fd9677f.woff2') format('woff2');size-adjust:100%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/_css/assets/c940764593d0fe5d.woff2') format('woff2');size-adjust:100%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/_css/assets/a0d054c4af557de2.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Critical above-the-fold CSS */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;line-height:1.5}
body{background-color:#0e0e13;color:#e4e1e9;font-family:'Inter','Arial',sans-serif;overflow-x:hidden;margin:0}
::selection{background-color:#00d4ff;color:#003642}

/* Layout utilities */
.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}
.inset-0{top:0;right:0;bottom:0;left:0}
.top-0{top:0}.w-full{width:100%}.h-16{height:4rem}
.flex{display:flex}.hidden{display:none}.items-center{align-items:center}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.font-extrabold{font-weight:800}
.font-medium{font-size:inherit;font-weight:500}
.tracking-tighter{letter-spacing:-0.05em}.tracking-tight{letter-spacing:-0.025em}
.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}
.max-w-4xl{max-width:56rem}.max-w-2xl{max-width:42rem}
.mx-auto{margin-left:auto;margin-right:auto}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}
.rounded-lg{border-radius:0.25rem}.overflow-hidden{overflow:hidden}
.pointer-events-none{pointer-events:none}.z-50{z-index:50}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
a{text-decoration:none;color:inherit}
@media(min-width:768px){.md\:flex{display:flex}.md\:text-7xl{font-size:4.5rem;line-height:1}}
@media(min-width:1024px){.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:block{display:block}}
@media(min-width:640px){.sm\:flex-row{flex-direction:row}}

/* Custom effects */
.grid-overlay{background-image:radial-gradient(#3c494e 1px,transparent 1px);background-size:32px 32px;opacity:0.08}
.glass-panel{background:rgba(31,31,37,0.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:0.5px solid rgba(133,147,152,0.2)}
.text-glow{text-shadow:0 0 20px rgba(0,212,255,0.4)}
.hero-glow{background:radial-gradient(circle at 50% 50%,rgba(0,212,255,0.08) 0%,transparent 70%)}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;display:inline-block;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.animate-spin{animation:spin 1s linear infinite}
.score-circle{width:5rem;height:5rem;border-radius:9999px;border:4px solid #00d4ff;box-shadow:0 0 20px rgba(0,212,255,0.3);display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(min-width:640px){.score-circle{width:120px;height:120px}}
.step-active{border-color:#00d4ff!important;box-shadow:0 0 24px rgba(0,212,255,0.4)}
footer a:hover,nav a:hover{color:#a8e8ff}

/* ===== Accessibility (WCAG 2.1 AA) ===== */
.skip-link{position:absolute;left:8px;top:-60px;z-index:1000;background:#00d4ff;color:#00262e;padding:10px 18px;font-family:'Manrope','Arial',sans-serif;font-weight:700;border-radius:0 0 8px 8px;text-decoration:none;transition:top .15s ease-in-out}
.skip-link:focus{top:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #00d4ff;outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
