.quiz-top{width:100%;max-width:var(--content-max);display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.quiz-top__row{display:flex;align-items:center;min-height:32px}.quiz-top__row--empty{visibility:hidden}.screen{display:flex;flex-direction:column;gap:var(--space-5)}.screen__header{display:flex;flex-direction:column;gap:var(--space-3)}.screen form{display:flex;flex-direction:column;gap:var(--space-5)}.microcopy{font-size:var(--fs-body-sm);color:var(--text-on-dark-muted)}.option__box{flex-shrink:0;width:22px;height:22px;margin-top:2px;border:1.5px solid var(--border-subtle);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out),color .16s var(--ease-out)}.option--selected .option__box{border-color:var(--amber-gold);background:var(--amber-gold);color:var(--navy-deep)}.option__body{display:flex;flex-direction:column}.final-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding-block:var(--space-8);text-align:center}.gear{color:var(--amber-gold)}.final-loading__text{font-family:var(--font-display);font-weight:var(--fw-display-semibold);font-size:var(--fs-h2);color:var(--warm-white)}.final-result{display:flex;flex-direction:column;gap:var(--space-5);text-align:center;align-items:center;padding-block:var(--space-6)}.final-result .btn{max-width:360px}:root{--navy-deep: #042c53;--edge-blue: #185fa5;--amber-gold: #ef9f27;--warm-white: #f4f2ec;--ice-blue: #85b7eb;--charcoal: #2c2c2a;--mid-gray: #888780;--bg: var(--navy-deep);--surface: var(--warm-white);--accent: var(--amber-gold);--accent-secondary: var(--edge-blue);--text-on-dark: var(--warm-white);--text-on-dark-muted: var(--ice-blue);--text-on-light: var(--charcoal);--text-on-light-muted: var(--mid-gray);--border-subtle: rgba(133, 183, 235, .28);--border-strong: var(--edge-blue);--amber-gold-hover: #d98d1c;--edge-blue-hover: #12507f;--focus-ring: rgba(133, 183, 235, .55);--font-display: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-body: "Manrope", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fw-body: 400;--fw-body-medium: 500;--fw-body-semibold: 600;--fw-body-bold: 700;--fw-display-medium: 500;--fw-display-semibold: 600;--fw-display-bold: 700;--fs-eyebrow: .8125rem;--fs-body-sm: .9375rem;--fs-body: 1rem;--fs-lead: clamp(1rem, .95rem + .6vw, 1.125rem);--fs-h2: clamp(1.35rem, 1.2rem + 1.2vw, 1.75rem);--fs-h1: clamp(1.65rem, 1.35rem + 2.2vw, 2.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 12px 32px rgba(4, 20, 40, .35);--content-max: 520px;--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fade: .48s;--stagger-step: 90ms}@media(min-width:768px){:root{--content-max: 600px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;background-color:var(--bg);color:var(--text-on-dark);font-family:var(--font-body);font-weight:var(--fw-body);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--ice-blue);text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-display-bold);line-height:1.12;letter-spacing:.01em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}.eyebrow{font-family:var(--font-display);font-weight:var(--fw-display-semibold);font-size:var(--fs-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--text-on-dark-muted)}.lead{font-size:var(--fs-lead);color:var(--text-on-dark-muted)}.mono{font-family:var(--font-mono)}.quiz-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));width:100%}.quiz-card{width:100%;max-width:var(--content-max);display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:480px){.quiz-shell{padding-inline:var(--space-6)}}@media(min-width:768px){.quiz-shell{padding-block:var(--space-8)}}.progress{width:100%;max-width:var(--content-max);height:6px;background:#85b7eb2e;border-radius:var(--radius-pill);overflow:hidden}.progress__fill{height:100%;background:var(--amber-gold);border-radius:var(--radius-pill);transition:width var(--dur-fade) var(--ease-out)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--fw-display-bold);font-size:1.0625rem;letter-spacing:.03em;padding:var(--space-4) var(--space-5);min-height:52px;border-radius:var(--radius-md);transition:background-color .16s var(--ease-out),transform .12s var(--ease-out),opacity .16s var(--ease-out)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--amber-gold);color:var(--navy-deep);width:100%}.btn--primary:not(:disabled):hover{background:var(--amber-gold-hover)}.btn--secondary{background:var(--edge-blue);color:var(--warm-white);width:100%}.btn--secondary:not(:disabled):hover{background:var(--edge-blue-hover)}.btn--back{align-self:flex-start;padding:var(--space-2) var(--space-3);min-height:auto;font-family:var(--font-body);font-weight:var(--fw-body-semibold);font-size:var(--fs-body-sm);letter-spacing:0;color:var(--text-on-dark-muted);border-radius:var(--radius-sm)}.btn--back:hover{color:var(--warm-white)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--fs-body-sm);font-weight:var(--fw-body-semibold);color:var(--text-on-dark-muted)}.input{width:100%;padding:var(--space-4);min-height:52px;background:#f4f2ec0f;color:var(--warm-white);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out)}.input::placeholder{color:var(--mid-gray)}.input:focus{outline:none;border-color:var(--edge-blue);background:#f4f2ec1a}.input--error{border-color:var(--amber-gold)}.field__error{font-size:var(--fs-body-sm);color:var(--amber-gold)}.option{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);min-height:56px;background:#f4f2ec0d;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--warm-white);font-family:var(--font-body);transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out),transform .12s var(--ease-out)}.option:hover{border-color:var(--ice-blue);background:#f4f2ec14}.option:active{transform:translateY(1px)}.option--selected{border-color:var(--amber-gold);background:#ef9f271f}.option__title{font-weight:var(--fw-body-semibold)}.option__desc{display:block;margin-top:var(--space-1);font-size:var(--fs-body-sm);color:var(--text-on-dark-muted)}.option-list{display:flex;flex-direction:column;gap:var(--space-3)}@keyframes edge-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:edge-fade-up var(--dur-fade) var(--ease-out) both}.stagger-1{animation-delay:calc(var(--stagger-step) * 1)}.stagger-2{animation-delay:calc(var(--stagger-step) * 2)}.stagger-3{animation-delay:calc(var(--stagger-step) * 3)}.stagger-4{animation-delay:calc(var(--stagger-step) * 4)}.stagger-5{animation-delay:calc(var(--stagger-step) * 5)}.stagger-6{animation-delay:calc(var(--stagger-step) * 6)}.stagger-children>*{animation:edge-fade-up var(--dur-fade) var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:calc(var(--stagger-step) * 1)}.stagger-children>*:nth-child(2){animation-delay:calc(var(--stagger-step) * 2)}.stagger-children>*:nth-child(3){animation-delay:calc(var(--stagger-step) * 3)}.stagger-children>*:nth-child(4){animation-delay:calc(var(--stagger-step) * 4)}.stagger-children>*:nth-child(5){animation-delay:calc(var(--stagger-step) * 5)}.stagger-children>*:nth-child(6){animation-delay:calc(var(--stagger-step) * 6)}.stagger-children>*:nth-child(7){animation-delay:calc(var(--stagger-step) * 7)}.stagger-children>*:nth-child(8){animation-delay:calc(var(--stagger-step) * 8)}@keyframes edge-spin{to{transform:rotate(360deg)}}.spin{animation:edge-spin 1.4s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}