.quiz-page{min-height:100dvh;background:radial-gradient(circle at 18% 18%,rgba(255,83,109,.2),transparent 24%),radial-gradient(circle at 84% 20%,rgba(69,222,210,.17),transparent 25%),linear-gradient(145deg,#111044,#24175f 55%,#0b1636);overflow-x:hidden}.quiz-nav{height:68px;max-width:1080px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.quiz-brand{display:flex;align-items:center;gap:9px;font-weight:900}.quiz-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffd34e;color:#301c00}.quiz-nav>div{display:flex;gap:10px;align-items:center}.quiz-nav button,.quiz-nav>div>a{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;padding:9px 12px;font-weight:800;font-size:.72rem}.quiz-shell{max-width:1060px;margin:28px auto;padding:0 20px 70px;display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.quiz-intro{position:sticky;top:20px;padding:28px;border-radius:25px;background:rgba(8,17,47,.62);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(16px)}.quiz-intro h1{font-size:3rem;line-height:.88;letter-spacing:-.07em;margin:0}.quiz-intro h1 span{color:#ffd34e}.quiz-intro>p:not(.eyebrow){color:#afbdd1;line-height:1.5}.quiz-stats{display:grid;gap:7px;margin-top:23px}.quiz-stats>div{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:rgba(255,255,255,.055)}.quiz-stats span{color:#afbdd1;font-size:.72rem}.question-card{position:relative;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(20,34,76,.94),rgba(8,17,43,.96));border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 70px rgba(0,0,0,.35)}.question-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#cbd7e8;font-size:.72rem;font-weight:800}.question-progress>div{width:170px;height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.question-progress i{display:block;width:2%;height:100%;background:linear-gradient(90deg,#45ded2,#ffd34e);border-radius:inherit;transition:.3s}.question-visual{height:178px;margin:20px 0 16px;display:grid;place-items:center;border-radius:21px;background:radial-gradient(circle,rgba(139,114,255,.24),rgba(255,255,255,.035));overflow:hidden}.question-visual img{width:190px;height:160px;object-fit:contain;filter:drop-shadow(0 16px 17px rgba(0,0,0,.35))}.question-visual .big-flag{font-size:6.2rem;filter:drop-shadow(0 14px 15px rgba(0,0,0,.35))}.question-type{margin:0;color:#45ded2;font-size:.68rem;letter-spacing:.14em;font-weight:900}.question-card h2{margin:7px 0 22px;font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.04em;line-height:1.1}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-grid button{min-height:62px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055);color:#fff;font-weight:850;text-align:left;cursor:pointer;transition:.18s}.answer-grid button:hover{transform:translateY(-2px);border-color:#ffd34e;background:rgba(255,211,78,.09)}.answer-grid button.wrong{border-color:#ff536d;background:rgba(255,83,109,.16);animation:shake .3s}.answer-grid button.correct{border-color:#45ded2;background:rgba(69,222,210,.17)}.feedback{margin-top:16px;padding:16px;border-radius:16px;background:rgba(69,222,210,.1);border:1px solid rgba(69,222,210,.23)}.feedback strong{color:#45ded2}.feedback p{margin:5px 0 12px;color:#cbd7e8;font-size:.84rem}.feedback button{border:0;border-radius:12px;background:linear-gradient(100deg,#ff536d,#ffd34e);color:#271303;padding:12px 16px;font-weight:950;cursor:pointer}.quiz-fact{grid-column:2;padding:14px 18px;display:flex;gap:12px;border-radius:16px;background:rgba(255,255,255,.045);color:#afbdd1;font-size:.77rem;line-height:1.4}.quiz-fact b{color:#ffd34e;white-space:nowrap}.quiz-confetti{position:fixed;inset:0;z-index:50;pointer-events:none;overflow:hidden}.quiz-confetti i{position:absolute;top:-15px;width:9px;height:15px;border-radius:2px;animation:quizFall 1.8s linear forwards}@keyframes quizFall{to{transform:translate(var(--drift),110vh) rotate(640deg)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:760px){.quiz-shell{grid-template-columns:1fr;margin-top:5px}.quiz-intro{position:static;padding:20px}.quiz-intro h1{font-size:2.4rem}.quiz-stats{grid-template-columns:repeat(3,1fr);gap:5px}.quiz-stats>div{display:grid;text-align:center}.quiz-fact{grid-column:1}.question-card{padding:20px}.question-visual{height:150px}.answer-grid{grid-template-columns:1fr}.quiz-nav>div>a{display:none}}