:root{--ink: #0D1B33;--ink-soft: #4E6C8E;--mist: #EEF2F4;--paper: #FAFAFA;--sky: #E4ECF2;--horizon: #152A4D;--horizon-dark: #0D1B33;--break: #F2B11E;--break-soft: #FFE7B2;--white: #FFFFFF;--shadow: 13 27 51;--font-display: Iowan Old Style, Palatino Linotype, Palatino, Georgia, "Noto Serif", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--step-0: clamp(1rem, .95rem + .25vw, 1.125rem);--step-1: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--step-2: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);--radius: 18px;--radius-sm: 10px}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{margin:0;font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--mist);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;color:var(--ink);margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:var(--step-2)}p{margin:0 0 1em}p:last-child{margin-bottom:0}a{color:var(--horizon);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--horizon-dark)}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--break);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:34rem;margin-inline:auto;padding-inline:1.5rem}.app-header{padding-block:1.25rem;text-align:center}.app-header a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:700}main{flex:1;padding-block:1rem 3rem}.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--horizon-dark);background:var(--sky);padding:.35em .9em;border-radius:999px;margin-bottom:1rem}.lede{font-size:var(--step-1);color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-body);font-weight:600;font-size:1rem;padding:.85em 1.6em;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--horizon);color:var(--white);box-shadow:0 8px 24px -8px #152a4d8c}.btn-primary:hover{background:var(--horizon-dark);color:var(--white)}.btn-ghost{background:transparent;color:var(--ink);border-color:#0d1b3340}.btn-ghost:hover{border-color:var(--ink);background:#ffffff80}.notice{background:var(--sky);border-left:4px solid var(--horizon);border-radius:var(--radius-sm);padding:1rem 1.25rem;color:var(--ink);font-size:.92rem}.app-footer{padding-block:1.5rem;text-align:center;font-size:.85rem;color:var(--ink-soft)}.app-footer a{color:var(--ink-soft)}.quiz-progress{display:flex;gap:.4rem;justify-content:center;margin-bottom:1.5rem}.quiz-progress span{width:.55rem;height:.55rem;border-radius:50%;background:var(--sky)}.quiz-progress span.active{background:var(--break)}.quiz-progress span.done{background:var(--horizon)}.quiz-step{display:none}.quiz-step.active{display:block;animation:quizFadeIn .25s ease}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-option{display:block;width:100%;text-align:left;font:inherit;font-weight:600;color:var(--ink);background:var(--paper);border:2px solid rgba(13,27,51,.12);border-radius:var(--radius-sm);padding:1em 1.2em;margin-bottom:.85rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.quiz-option:hover{border-color:var(--horizon);transform:translateY(-1px)}.quiz-option.selected{border-color:var(--break);background:var(--break-soft)}.quiz-intro-card{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--paper);border:2px solid rgba(13,27,51,.12);border-radius:var(--radius);padding:1.5em;margin-bottom:1.1rem;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.quiz-intro-card:hover{border-color:var(--horizon);transform:translateY(-2px)}.quiz-intro-card strong{display:block;font-size:1.1rem;margin-bottom:.3rem;font-family:var(--font-display)}.quiz-back{background:none;border:none;font:inherit;font-weight:600;color:var(--ink-soft);cursor:pointer;padding:.3em 0;margin-bottom:1rem}.quiz-back:hover{color:var(--horizon)}.result-card{background:var(--paper);border-radius:var(--radius);border-left:5px solid var(--break);padding:1.75rem;margin-bottom:1rem}.result-card.result-secondary{border-left-color:var(--sky)}.result-card h3{font-size:1.2rem;margin-bottom:.4rem}