:root{--ink:#201f33;--ink-2:#4b4a63;--ink-3:#83829c;--line:#e3dfef;--line-soft:#eeebf6;--paper:#faf7f0;--surface:#fff;--surface-2:#f3efe4;--brand:#ff5a3c;--brand-dark:#e2431f;--brand-tint:#ffe7de;--accent:#ffc24b;--accent-dark:#d89a1e;--accent-tint:#fff3da;--subj-behavioural-science:#7c6cf2;--subj-behavioural-science-tint:#ece9fe;--subj-copywriting:#f2568e;--subj-copywriting-tint:#fde7ee;--subj-ai:#16a3a0;--subj-ai-tint:#ddf4f2;--subj-advertising:#f2a83d;--subj-advertising-tint:#fdedd6;--subj-strategy:#2e9c63;--subj-strategy-tint:#dff3e7;--success:#1e9a5d;--success-tint:#def5e7;--danger:#e4483f;--danger-tint:#fce3e1;--radius-sm:10px;--radius:16px;--radius-lg:26px;--radius-pill:999px;--shadow-sm:3px 3px 0 var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--shadow-soft:0 12px 32px #201f331a;--font-display:"Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input{color:inherit;font-family:inherit}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;line-height:1.15}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden-focusable:not(:focus){clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--brand-dark);outline-offset:2px}.skip-link{z-index:200;background:var(--ink);color:#fff;font-family:var(--font-display);border-radius:var(--radius-pill);transition:top .15s var(--ease);padding:10px 18px;font-size:14px;font-weight:700;position:absolute;top:-60px;left:12px}.skip-link:focus{outline:3px solid var(--accent);outline-offset:2px;top:12px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{font-family:var(--font-display);border-radius:var(--radius-pill);border:2px solid var(--ink);cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s, color .15s;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover,.btn:focus-visible{box-shadow:var(--shadow-lg);outline:none;transform:translate(-2px,-2px)}.btn:focus-visible{box-shadow:var(--shadow-lg), 0 0 0 3px #ff5a3c59}.btn:active{box-shadow:var(--shadow-sm);transform:translate(1px,1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn-primary{background:var(--brand);color:#fff;border-color:var(--ink)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--brand-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover,.btn-dark:focus-visible{background:#34324f}.btn-ghost{background:var(--surface);color:var(--ink)}.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--accent-tint)}.btn-sm{box-shadow:var(--shadow-sm);padding:10px 20px;font-size:13px}.btn-sm:hover{box-shadow:4px 4px 0 var(--ink)}.btn-block{width:100%}.card{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(22px,4vw,40px)}.chip{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);border:1.5px solid var(--ink);background:var(--surface-2);color:var(--ink);align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.chip-brand{background:var(--brand-tint);border-color:var(--brand-dark);color:var(--brand-dark)}.chip-accent{background:var(--accent-tint);border-color:var(--accent-dark);color:var(--accent-dark)}.badge-tier{border-radius:var(--radius-pill);border:2px solid var(--ink);background:var(--accent);color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:10px 20px 10px 14px;font-size:15px;font-weight:800;display:inline-flex}.badge-tier .badge-dot{background:var(--ink);border-radius:50%;width:10px;height:10px}.progress-track{background:var(--surface-2);border:2px solid var(--ink);border-radius:var(--radius-pill);height:12px;overflow:hidden}.progress-fill{background:var(--brand);border-radius:var(--radius-pill);height:100%;transition:width .35s var(--ease);display:block}.timer{font-family:var(--font-display);color:var(--ink);align-items:center;gap:12px;font-size:15px;font-weight:800;display:flex}.timer>svg{width:22px;height:22px}.timer-track{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--surface-2);width:132px;height:16px;overflow:hidden}.timer-fill{background:var(--success);height:100%;transition:width 1s linear,background .3s;display:block}.timer-count{text-align:right;font-variant-numeric:tabular-nums;min-width:46px;font-size:28px;line-height:1}.timer-count small{color:var(--ink-3);font-size:15px;font-weight:700}.timer.is-warn .timer-fill{background:var(--accent)}.timer.is-warn .timer-count,.timer.is-warn>svg{color:var(--accent-dark)}.timer.is-urgent .timer-fill{background:var(--danger)}.timer.is-urgent .timer-count,.timer.is-urgent>svg{color:var(--danger)}.timer.is-urgent .timer-track{box-shadow:0 0 0 3px var(--danger-tint)}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@media (prefers-reduced-motion:no-preference){.timer.is-urgent .timer-count{animation:timer-pulse .6s var(--ease) infinite}}.options{gap:12px;display:grid}.option{text-align:left;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s, color .15s, border-color .15s;align-items:center;gap:14px;padding:15px 18px;font-family:inherit;font-size:15.5px;font-weight:600;display:flex}.option .key{border:2px solid var(--ink);background:var(--surface-2);border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;height:28px;font-size:12px;font-weight:800;display:flex}.option:hover:not(:disabled),.option:focus-visible:not(:disabled){box-shadow:5px 5px 0 var(--ink);background:var(--brand-tint);transform:translate(-2px,-2px)}.option:focus-visible{outline:3px solid var(--brand-dark);outline-offset:2px}.option:disabled{cursor:default}.option.is-correct{background:var(--success);border-color:var(--ink);color:#fff}.option.is-correct .key{color:var(--success);background:#fff}.option.is-wrong{background:var(--danger);border-color:var(--ink);color:#fff}.option.is-wrong .key{color:var(--danger);background:#fff}.option.is-dim{opacity:.5}.option .option-status-icon{flex-shrink:0;margin-left:auto}.feedback{border-radius:var(--radius);border:2px solid var(--ink);align-items:center;gap:15px;margin-top:20px;padding:16px 18px;display:flex}.feedback--correct{background:var(--success-tint)}.feedback--wrong,.feedback--timeout{background:var(--danger-tint)}.reveal-badge{border-radius:var(--radius-pill);border:2px solid var(--ink);color:#fff;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.feedback--correct .reveal-badge{background:var(--success)}.feedback--wrong .reveal-badge,.feedback--timeout .reveal-badge{background:var(--danger)}.feedback-text{flex-direction:column;gap:3px;display:flex}.feedback-text strong{color:var(--ink);font-family:var(--font-display);font-size:19px}.feedback-quip{color:var(--ink-2);font-size:14px;font-weight:500}@keyframes reveal-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.reveal-badge{animation:.34s cubic-bezier(.2,1.35,.4,1) reveal-pop}}.field-row{flex-wrap:wrap;gap:10px;display:flex}.text-input{border:2px solid var(--ink);border-radius:var(--radius-sm);min-width:180px;color:var(--ink);background:var(--surface);flex:1;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:600}.text-input::placeholder{color:var(--ink-3)}.text-input:focus-visible{outline:none;box-shadow:0 0 0 3px #ff5a3c4d}.leaderboard{border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.leaderboard li{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:grid}.leaderboard li:last-child{border-bottom:none}.leaderboard li .rank{font-family:var(--font-display);color:var(--ink-3);font-weight:800}.leaderboard li .who{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.leaderboard li .pts{font-family:var(--font-display);color:var(--brand-dark);white-space:nowrap;font-weight:800}.leaderboard li.is-you{background:var(--accent-tint)}.leaderboard li.is-top .rank{color:var(--accent-dark)}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ink);background:#faf7f0eb;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;max-width:1120px;height:76px;margin:0 auto;padding:0 24px;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark .logo-glyph{width:38px;height:38px}.brand-mark .brand-sub{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700;display:block}.header-cta{align-items:center;gap:10px;display:flex}.site-footer{background:var(--ink);color:#ffffffad;margin-top:auto;padding:40px 0;font-size:13.5px}.site-footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:0 24px;display:flex}.site-footer strong{color:#fff}.hero{background:var(--surface-2);border-bottom:1px solid var(--ink);padding:64px 0 88px;position:relative;overflow:hidden}.hero .bg-mark{font-size:min(60vh,480px);font-weight:800;font-family:var(--font-display);color:var(--ink);opacity:.045;letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:.8;position:absolute;top:50%;right:-6vw;transform:translateY(-50%)}@media (width<=900px){.hero .bg-mark{display:none}}.hero .inner{z-index:1;max-width:720px;position:relative}.hero h1{color:var(--ink);margin:18px 0;font-size:clamp(34px,5vw,54px)}.hero h1 em{color:var(--brand);z-index:1;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--accent);z-index:-1;width:104%;height:13px;position:absolute;bottom:6px;left:-2%;transform:rotate(-1.4deg)}.hero .lead{color:var(--ink-2);max-width:560px;margin-bottom:30px;font-size:18px;font-weight:500}.hero .cta-row{flex-wrap:wrap;gap:14px;margin-bottom:36px;display:flex}.hero .stat-row{color:var(--ink-2);gap:0;font-size:13px;font-weight:700;display:flex}.hero .stat-row>div{border-right:2px solid #201f3326;padding:0 22px}.hero .stat-row>div:first-child{padding-left:0}.hero .stat-row>div:last-child{border-right:none}.hero .stat-row strong{font-family:var(--font-display);color:var(--brand-dark);font-size:22px;display:block}.how-section{padding:72px 0}.why-section{background:var(--surface-2);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.how-card{padding:26px 22px}.how-card .step-num{border:2px solid var(--ink);width:30px;height:30px;font-family:var(--font-display);background:var(--accent-tint);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:13px;font-weight:800;display:inline-flex}.how-card h3{margin-bottom:8px;font-size:17px}.how-card p{color:var(--ink-2);font-size:14.5px}.section-title{font-size:clamp(24px,3vw,32px)}.section-sub{color:var(--ink-2);max-width:560px;margin-top:8px;font-size:15.5px}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:36px;display:grid}.subject-card{text-align:left;cursor:pointer;color:inherit;width:100%;transition:transform .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;align-items:flex-start;gap:14px;padding:24px 22px;font-family:inherit;display:flex;position:relative}.subject-card:hover,.subject-card:focus-visible{box-shadow:var(--shadow-lg);transform:translate(-3px,-3px)}.subject-card:focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}.subject-card .subject-icon{border-radius:var(--radius);border:2px solid var(--ink);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pace-switch{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 8px;display:flex}.pace-switch .pace-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:800}.pace-switch button.is-active{background:var(--ink);color:#fff}.pace-switch .pace-note{color:var(--ink-3);font-size:13px}.subject-card h3{font-size:19px}.subject-card p{color:var(--ink-2);font-size:14px}.subject-card .subject-meta{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.quiz-shell{padding:40px 0 72px}.quiz-panel{max-width:660px;margin:0 auto}.quiz-top-row{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.quiz-top-row .q-subject{color:var(--brand-dark)}.quiz-progress-row{margin-bottom:26px}.q-difficulty-track{gap:4px;margin-bottom:10px;display:flex}.q-difficulty-track span{border-radius:var(--radius-pill);background:var(--line);flex:1;height:5px}.q-difficulty-track span.is-filled{background:var(--ink)}.q-text{margin-bottom:24px;font-size:clamp(20px,2.6vw,25px)}.q-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.quiz-exit{text-align:center;margin-top:22px}.result-shell{padding:48px 0 80px}.result-panel{max-width:640px;margin:0 auto}.result-score{text-align:center;margin-bottom:6px}.result-score .score-big{font-family:var(--font-display);letter-spacing:-.03em;color:var(--brand);font-size:clamp(56px,10vw,92px);font-weight:800;line-height:1}.result-score .score-big small{color:var(--ink-3);font-size:.32em;font-weight:800}.result-score .score-sub{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;font-size:13px;font-weight:800}.result-badge-row{justify-content:center;margin:20px 0;display:flex}.verdict-box{background:var(--surface-2);border:2px solid var(--ink);border-radius:var(--radius);text-align:center;margin:6px 0 28px;padding:22px 24px}.verdict-eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark);font-size:11px;font-weight:800;display:block}.verdict-title{font-family:var(--font-display);margin:6px 0 10px;font-size:26px;line-height:1.15}.verdict-desc{color:var(--ink-2);max-width:46ch;margin:0 auto;font-size:15px;font-weight:500}.verdict-line{color:var(--ink);margin-top:12px;font-size:14px;font-weight:600}.verdict-retry{color:var(--brand-dark);margin-top:6px;font-size:14px;font-weight:700}.go-deeper{border:2px solid var(--ink);border-radius:var(--radius);background:var(--brand-tint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 22px;display:flex}.go-deeper h4{font-family:var(--font-display);font-size:16px}.go-deeper p{color:var(--ink-2);margin-top:2px;font-size:14px}.breakdown-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.breakdown-card{text-align:center;padding:16px}.breakdown-card .num{font-family:var(--font-display);font-size:24px;font-weight:800}.breakdown-card .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-top:2px;font-size:11.5px;font-weight:700}.analysis-cols{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;display:grid}.analysis-card{padding:18px 20px}.analysis-card h4{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-family:var(--font-display);margin-bottom:12px}.analysis-card ul{flex-direction:column;gap:8px;display:flex}.analysis-card li{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.analysis-card.strengths h4{color:var(--success)}.analysis-card.weak h4{color:var(--danger)}.analysis-card .empty-note{color:var(--ink-3);font-size:13px;font-weight:500}.next-steps{margin-bottom:32px}.next-steps h4{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-family:var(--font-display);color:var(--ink-2);margin-bottom:12px}.next-steps ol{counter-reset:steps;flex-direction:column;gap:10px;display:flex}.next-steps li{counter-increment:steps;color:var(--ink-2);gap:12px;font-size:14.5px;font-weight:500;list-style:none;display:flex}.next-steps li:before{content:counter(steps);border:2px solid var(--ink);height:24px;font-family:var(--font-display);color:var(--ink);background:var(--accent-tint);border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.share-box{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface-2);margin-bottom:24px;padding:16px 18px}.share-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.share-head h4{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-family:var(--font-display)}.share-preview{font-family:var(--font-body);color:var(--ink-2);white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.result-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.review-shell{padding:44px 0 80px}.review-list{flex-direction:column;gap:16px;max-width:720px;margin:32px auto 0;display:flex}.review-item{border-left-width:6px;padding:20px 22px}.review-item.is-correct{border-left:6px solid var(--success)}.review-item.is-wrong{border-left:6px solid var(--danger)}.review-item .review-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.review-item .review-q{font-family:var(--font-display);margin-bottom:12px;font-size:16px;font-weight:700}.review-answers{gap:8px;margin-bottom:12px;font-size:14px;display:grid}.review-answers .line{gap:8px;display:flex}.review-answers .line .lbl{flex:none;font-weight:800}.review-answers .your-answer.is-wrong .val{color:var(--danger);font-weight:700}.review-answers .correct-answer .val{color:var(--success);font-weight:700}.review-explain{color:var(--ink-2);background:var(--surface-2);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}.review-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.review-filters button{font-family:var(--font-display)}.review-filters button.is-active{background:var(--ink);color:#fff}.leaderboard-shell{padding:44px 0 80px}.leaderboard-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:24px;max-width:900px;margin:0 auto;display:grid}.rank-card{text-align:center;padding:26px 24px}.rank-card .rank-big{font-family:var(--font-display);color:var(--brand);font-size:44px;font-weight:800}.rank-card .rank-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:4px 0 18px;font-size:12px;font-weight:800}.lb-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.lb-head h3{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-family:var(--font-display)}.lb-head .scope{color:var(--ink-3);font-size:12px;font-weight:700}.subject-picker-row{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.subject-picker-row button{padding:9px 16px;font-size:13px}.subject-picker-row button.is-active{background:var(--ink);color:#fff}@media (width<=860px){.how-grid,.analysis-cols,.leaderboard-grid{grid-template-columns:1fr}.breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.site-header .inner{height:64px;padding:0 16px}.brand-mark{gap:8px;font-size:15px}.brand-mark .logo-glyph{width:30px;height:30px}.brand-mark .brand-sub{display:none}.header-cta .btn-sm{padding:8px 14px;font-size:12px}.header-cta a[href=\/leaderboard]{display:none}.hero{padding:44px 0 60px}.quiz-top-row{font-size:11px}.result-cta-row .btn,.quiz-exit .btn{width:100%}}