.quiz-hero{background:radial-gradient(120% 140% at 50% -20%, #24344a 0%, var(--color-charcoal) 55%, #131a26 100%);color:var(--color-white);padding:clamp(5rem,10vw,8.5rem) 0 clamp(5rem,11vw,9rem);position:relative;overflow:hidden}.quiz-hero__glow{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.quiz-hero__glow--a{background:#3a7ba538;width:460px;height:460px;top:-160px;left:-120px}.quiz-hero__glow--b{background:#b8960c29;width:400px;height:400px;bottom:-180px;right:-100px}.quiz-hero__rays{pointer-events:none;opacity:.5;position:absolute;inset:0;overflow:hidden}.quiz-hero__rays span{background:linear-gradient(#ffffff0f,#0000 70%);width:120px;height:160%;animation:9s ease-in-out infinite heroRay;position:absolute;top:-40%;transform:rotate(16deg)}.quiz-hero__rays span:first-child{animation-delay:0s;left:18%}.quiz-hero__rays span:nth-child(2){width:80px;animation-delay:2.5s;left:48%}.quiz-hero__rays span:nth-child(3){width:160px;animation-delay:5s;left:74%}@keyframes heroRay{0%,to{opacity:.25}50%{opacity:.7}}.quiz-hero__inner{z-index:2;max-width:760px;position:relative}.quiz-hero__eyebrow{margin-bottom:1.25rem}.quiz-hero__title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;margin-bottom:1.5rem;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700;line-height:1.04}.quiz-hero__title em{color:var(--color-gold-light);font-style:italic}.quiz-hero__sub{color:#ffffff9e;max-width:560px;font-size:clamp(.9rem,1.4vw,1.02rem);line-height:1.85}.quiz-hero__pills{flex-wrap:wrap;gap:.6rem;margin-top:2.25rem;display:flex}.quiz-pill{font-family:var(--font-mono);letter-spacing:.06em;color:#ffffffc7;backdrop-filter:blur(4px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.62rem;font-weight:500;display:inline-flex}.quiz-pill__icon{font-size:.9rem}.quiz-hero__wave{z-index:1;width:100%;height:clamp(40px,7vw,80px);position:absolute;bottom:-1px;left:0}.quiz-section{background:var(--color-white);padding:clamp(1.5rem,4vw,3rem) 0 clamp(4.5rem,9vw,7rem)}.quiz-section__wrap{max-width:720px}.quiz-container{position:relative}.quiz-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:.75rem;font-size:.6rem;font-weight:600;display:block}.quiz-container kbd{font-family:var(--font-mono);color:inherit;background:#ffffff0f;border:1px solid #fff3;border-bottom-width:2px;border-radius:4px;padding:.1rem .4rem;font-size:.62rem}.quiz-start{text-align:left}.quiz-start__header{text-align:center;margin-bottom:2.25rem}.quiz-start__title{font-family:var(--font-display);color:var(--color-charcoal);margin-bottom:.75rem;font-size:clamp(1.5rem,3.4vw,2.15rem);line-height:1.15}.quiz-start__sub{color:var(--color-text-light);font-size:.85rem;line-height:1.7}.quiz-cats{flex-direction:column;gap:.8rem;display:flex}.quiz-cat-card{text-align:left;background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;align-items:center;gap:1.25rem;padding:1.35rem 1.5rem 1.35rem 1.75rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.quiz-cat-card:before{content:"";background:var(--cat-color);transform-origin:50%;opacity:.55;width:4px;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;position:absolute;top:0;left:0;transform:scaleY(.28)}.quiz-cat-card:hover{border-color:var(--cat-color);transform:translateY(-3px);box-shadow:0 14px 34px #1a23321a}.quiz-cat-card:hover:before{opacity:1;transform:scaleY(1)}.quiz-cat-card__icon{flex-shrink:0;font-size:1.9rem;transition:transform .35s cubic-bezier(.16,1,.3,1)}.quiz-cat-card:hover .quiz-cat-card__icon{transform:scale(1.15)rotate(-6deg)}.quiz-cat-card__body{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.quiz-cat-card__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cat-color);font-size:.72rem;font-weight:600}.quiz-cat-card__desc{color:var(--color-text-light);font-size:.8rem;line-height:1.5}.quiz-cat-card__side{flex-shrink:0;align-items:center;gap:1rem;display:flex}.quiz-cat-card__best{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-charcoal);white-space:nowrap;background:#b8960c1a;border-radius:4px;padding:.35rem .6rem;font-size:.62rem;font-weight:600}.quiz-cat-card__best--empty{color:var(--color-text-light);background:#5a6b7a14}.quiz-cat-card__arrow{color:var(--color-border);font-size:1.25rem;transition:color .3s,transform .35s cubic-bezier(.16,1,.3,1)}.quiz-cat-card:hover .quiz-cat-card__arrow{color:var(--cat-color);transform:translate(5px)}.quiz-start__hint{text-align:center;color:var(--color-text-light);margin-top:1.75rem;font-size:.72rem}.quiz-start__hint kbd{border-color:var(--color-border);color:var(--color-charcoal);background:#1a23320a}@media (width<=520px){.quiz-cat-card{flex-wrap:wrap}.quiz-cat-card__side{justify-content:space-between;width:100%;padding-left:3.15rem}}.quiz-play{background:radial-gradient(130% 120% at 80% -10%, #223247 0%, var(--color-charcoal) 55%, #141b27 100%);border:1px solid #ffffff12;padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #1a233280}.quiz-enter{animation:.45s cubic-bezier(.16,1,.3,1) forwards quizSlideIn}.quiz-exit{animation:.32s cubic-bezier(.55,0,.55,.2) forwards quizSlideOut}@keyframes quizSlideIn{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@keyframes quizSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-34px)}}.quiz-play__inner{z-index:3;position:relative}.quiz-ambient{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.quiz-bubble{background:radial-gradient(circle at 32% 30%,#fff6,#ffffff0a);border-radius:50%;animation-name:bubbleRise;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-12px}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)translate(0)}12%{opacity:.55}85%{opacity:.35}to{opacity:0;transform:translateY(-460px)translate(16px)}}.quiz-fish{color:#ffffff0d;animation:linear infinite fishSwim;position:absolute}.quiz-fish--1{width:46px;height:23px;animation-duration:26s;top:22%}.quiz-fish--2{opacity:.7;width:30px;height:15px;animation-duration:38s;animation-delay:-14s;top:60%}@keyframes fishSwim{0%{left:-60px}to{left:calc(100% + 60px)}}.quiz-wave{height:56px;position:absolute;bottom:0;left:0;right:0}.quiz-wave__track{width:200%;height:100%;animation:13s linear infinite waveDrift;display:flex}.quiz-wave__track--slow{animation-duration:22s;animation-direction:reverse}.quiz-wave__track svg{flex-shrink:0;width:50%;height:100%}@keyframes waveDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}.quiz-play__top{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.quiz-dots{flex-wrap:wrap;flex:1;align-items:center;gap:5px;display:flex}.quiz-dot{background:#ffffff1f;border-radius:50%;width:9px;height:9px;transition:background .3s,transform .3s}.quiz-dot--active{background:var(--color-gold);animation:1.4s ease-in-out infinite dotPulse;box-shadow:0 0 0 3px #b8960c33}.quiz-dot--right{background:#4a9e6b}.quiz-dot--wrong{background:#e74c3c}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.quiz-play__counter{font-family:var(--font-mono);letter-spacing:.1em;color:#fff6;flex-shrink:0;font-size:.62rem}.quiz-timer{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.quiz-timer__svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.quiz-timer__ring{transition:stroke-dasharray .9s linear,stroke .4s}.quiz-timer__num{font-family:var(--font-mono);color:var(--timer-color,#fff);font-size:.72rem;font-weight:600}.quiz-timer--urgent{animation:.8s ease-in-out infinite timerUrgent}@keyframes timerUrgent{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.quiz-play__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.quiz-play__cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.9;font-size:.58rem;font-weight:600}.quiz-play__meta-right{align-items:center;gap:1rem;display:flex}.quiz-streak{color:#f39c12;font-size:.72rem;font-weight:700;animation:.5s streakPulse}@keyframes streakPulse{0%{opacity:0;transform:scale(.6)}55%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.quiz-points{font-family:var(--font-mono);color:var(--color-gold-light);font-size:.72rem;font-weight:600}.quiz-points__label{opacity:.7;margin-left:1px;font-size:.55rem}.quiz-play__qwrap{margin-bottom:1.75rem;position:relative}.quiz-play__ghost{z-index:0;font-family:var(--font-display);color:#ffffff0a;pointer-events:none;user-select:none;font-size:clamp(5rem,16vw,8rem);font-weight:700;line-height:1;position:absolute;top:-2.6rem;left:-.4rem}.quiz-play__question{z-index:1;font-family:var(--font-display);color:#f2eee8;font-size:clamp(1.2rem,2.8vw,1.6rem);line-height:1.35;position:relative}.quiz-play__options{gap:.65rem;display:grid}.quiz-opt{color:#e8e4df;font-size:.88rem;font-family:var(--font-body);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;align-items:center;gap:.9rem;padding:1rem 1.25rem;transition:background .22s,border-color .22s,transform .22s;animation:.5s cubic-bezier(.16,1,.3,1) backwards quizOptIn;display:flex;position:relative}@keyframes quizOptIn{0%{opacity:0;transform:translateY(14px)}}.quiz-opt:hover:not(:disabled){background:#ffffff12;border-color:#ffffff3d;transform:translate(5px)}.quiz-opt:hover:not(:disabled) .quiz-opt__letter{border-color:var(--color-gold);color:var(--color-gold-light)}.quiz-opt:disabled{cursor:default}.quiz-opt__letter{font-family:var(--font-mono);color:#ffffff59;border:1px solid #ffffff29;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.62rem;font-weight:600;transition:all .22s;display:flex}.quiz-opt__text{flex:1}.quiz-opt__icon{font-size:1rem;font-weight:700}.quiz-opt--correct{animation:.4s correctPop;box-shadow:0 0 24px -6px #4a9e6b80;color:#8fd8ad!important;background:#4a9e6b24!important;border-color:#4a9e6b!important}.quiz-opt--correct .quiz-opt__letter{color:#4a9e6b;background:#4a9e6b26;border-color:#4a9e6b}.quiz-opt--correct .quiz-opt__icon{color:#4a9e6b}.quiz-opt--wrong{animation:.45s wrongShake;color:#f0a49b!important;background:#e74c3c1a!important;border-color:#e74c3c!important}.quiz-opt--wrong .quiz-opt__letter{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c}.quiz-opt--wrong .quiz-opt__icon{color:#e74c3c}.quiz-opt--dimmed{opacity:.32}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.quiz-gain{z-index:5;font-family:var(--font-mono);color:var(--color-gold-light);text-shadow:0 2px 18px #b8960c80;pointer-events:none;font-size:1.4rem;font-weight:700;animation:1.6s cubic-bezier(.16,1,.3,1) forwards gainFloat;position:absolute;top:44%;right:8%}@keyframes gainFloat{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-46px)scale(1)}}.quiz-play__after{margin-top:1.35rem;animation:.45s cubic-bezier(.16,1,.3,1) explainFade}@keyframes explainFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-play__explain{border-left:3px solid var(--color-gold);background:#b8960c12;gap:.85rem;padding:1.1rem 1.25rem;display:flex}.quiz-play__explain-icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.quiz-play__explain-body{min-width:0}.quiz-play__explain-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-light);margin-bottom:.4rem;font-size:.6rem;font-weight:700;display:block}.quiz-play__explain p{color:#ffffffb8;margin:0;font-size:.82rem;line-height:1.7}.quiz-play__nextrow{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.quiz-kbd-hint{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.04em;font-size:.6rem}.quiz-next{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.quiz-next__arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}.quiz-next:hover .quiz-next__arrow{transform:translate(4px)}.quiz-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;padding:.85rem 1.9rem;font-size:.68rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.quiz-btn--primary{background:var(--color-gold);color:#1a2332;box-shadow:0 8px 22px -8px #b8960c99}.quiz-btn--primary:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 12px 28px -8px #b8960cb3}.quiz-btn--ghost{color:#ffffff9e;background:0 0;border:1px solid #ffffff29}.quiz-btn--ghost:hover{color:#fff;border-color:#ffffff6b;transform:translateY(-2px)}.quiz-result{text-align:center;background:radial-gradient(120% 110% at 50% -10%, #223247 0%, var(--color-charcoal) 60%, #141b27 100%);border:1px solid #ffffff12;padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,2.5rem);animation:.6s cubic-bezier(.16,1,.3,1) resultReveal;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #1a233280}@keyframes resultReveal{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-record{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#1a2332;background:var(--color-gold-light);border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1.1rem;font-size:.62rem;font-weight:700;animation:.6s cubic-bezier(.16,1,.3,1) .3s backwards recordPop;display:inline-block}@keyframes recordPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.quiz-result__circle{width:150px;height:150px;margin:0 auto 1rem;position:relative}.quiz-result__svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-result__progress{filter:drop-shadow(0 0 8px var(--tier-color));transition:stroke-dasharray 50ms linear}.quiz-result__pct{font-family:var(--font-display);justify-content:center;align-items:baseline;padding-top:2.6rem;font-size:2.8rem;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.quiz-result__pct-sign{opacity:.7;margin-left:2px;font-size:1.3rem}.quiz-result__emblem{margin-bottom:.35rem;font-size:2rem;animation:.7s cubic-bezier(.16,1,.3,1) .5s backwards emblemDrop}@keyframes emblemDrop{0%{opacity:0;transform:translateY(-16px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}.quiz-result__tier{font-family:var(--font-mono);letter-spacing:.22em;margin-bottom:.6rem;font-size:.78rem;font-weight:700}.quiz-result__sub{color:#ffffff94;max-width:400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:.88rem;line-height:1.65}.quiz-result__stats{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;gap:clamp(1.25rem,5vw,2.75rem);margin-bottom:1.5rem;padding:1.35rem 0;display:flex}.quiz-result__stat{flex-direction:column;align-items:center;gap:.35rem;display:flex}.quiz-result__stat-val{font-family:var(--font-display);color:#f2eee8;font-size:1.5rem;font-weight:700}.quiz-result__stat-label{font-family:var(--font-mono);letter-spacing:.12em;color:#fff6;text-transform:uppercase;font-size:.52rem}.quiz-result__recap{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:2rem;display:flex}.quiz-result__recap .quiz-dot{width:11px;height:11px;animation:.4s cubic-bezier(.16,1,.3,1) backwards recapPop}@keyframes recapPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.quiz-result__recs{text-align:left;background:#ffffff06;border:1px solid #ffffff12;margin-bottom:2rem;padding:1.35rem}.quiz-result__recs .quiz-label{color:#ffffff73;margin-bottom:.85rem}.quiz-result__rec-links{flex-wrap:wrap;gap:.7rem;display:flex}.quiz-rec-link{color:var(--color-gold-light);border:1px solid #b8960c47;padding:.55rem 1.05rem;font-size:.78rem;transition:all .22s}.quiz-rec-link:hover{border-color:var(--color-gold);background:#b8960c1a;transform:translateY(-2px)}.quiz-result__actions{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.quiz-confetti{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.quiz-confetti__piece{border-radius:2px;animation-name:confettiFall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-12px}.quiz-confetti__fish{font-size:1.1rem;animation-name:confettiFall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-24px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.quiz-hero__rays span,.quiz-bubble,.quiz-fish,.quiz-wave__track,.quiz-dot--active,.quiz-timer--urgent,.quiz-streak,.quiz-gain{animation:none!important}.quiz-enter,.quiz-exit,.quiz-opt,.quiz-play__after,.quiz-result{animation-duration:.01ms!important}}