:root{--hot-pink:#f000cf;--panel:#30242a;--answer:#501d43;--correct:#22c55e;--wrong:#ef4444;--ink:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#000;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.quiz-page{--page-padding:clamp(16px, 3vw, 40px);background:radial-gradient(circle at 82% 20%,#f000cf33,#0000 28%),radial-gradient(circle at 18% 76%,#22c55e1f,#0000 30%),#000;width:100%;height:100svh;position:relative;overflow:hidden}.quiz-stage{background:0 0;width:100%;height:100%;position:relative;container-type:size}.wave-lines{pointer-events:none;filter:drop-shadow(0 0 18px #f000cf59);width:auto;height:100%;position:absolute;top:0;left:0}.question-panel{z-index:1;width:54.4cqb;min-width:0;position:absolute;top:13.94%;left:7.75%}.quiz-progress{color:#ff79ec;letter-spacing:0;text-transform:uppercase;margin:0 0 1.1cqb;font-size:2.6cqb;font-weight:700;display:inline-block}.question-panel h1{color:var(--hot-pink);letter-spacing:0;text-shadow:0 0 18px #f000cf8c;margin:0 0 .92cqb;font-size:6.74cqb;font-weight:500;line-height:1}.question-panel p{color:#f7f7f7;letter-spacing:0;overflow-wrap:break-word;margin:0;font-size:5.21cqb;font-weight:700;line-height:1.09}.answer-card{border:1.53cqb solid var(--hot-pink);z-index:1;background:#30242af0;border-radius:2.45cqb;width:79.48cqb;min-width:0;min-height:79.33%;padding:6.89cqb 6.28cqb;position:absolute;top:10.57%;right:4.79%;box-shadow:0 0 38px #f000cf6b,inset 0 0 28px #f000cf1a}.answer-card h2{color:var(--hot-pink);letter-spacing:0;margin:1.22cqb 0 6.43cqb;font-size:6.12cqb;font-weight:700;line-height:1}.answers{gap:1.84cqb;display:grid}.answers button{background:var(--answer);color:#ff6fed;text-align:left;letter-spacing:0;cursor:pointer;border:.31cqb solid #0000;border-radius:1.22cqb;width:100%;min-height:11.03cqb;padding:0 2.3cqb;font-size:3.21cqb;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,color .18s,opacity .18s,transform .18s;position:relative;transform:translateY(0)}.answers button:not(:disabled):hover,.answers button:not(:disabled):focus-visible{background:#6c255b;border-color:#f000cfb3;outline:none;transform:translateY(-.35cqb);box-shadow:0 0 22px #f000cf47}.answers button.selected{color:var(--hot-pink);background:#f7f7f7}.answers button.correct{background:var(--correct);color:#062b15;box-shadow:0 0 26px #22c55e6b}.answers button.wrong{background:var(--wrong);color:#fff;box-shadow:0 0 26px #ef444461}.answers button.dimmed{opacity:.38}.answers button:disabled{cursor:default}.quiz-footer{justify-content:space-between;align-items:center;gap:2cqb;min-height:8cqb;margin-top:4.59cqb;display:flex}.feedback{color:var(--hot-pink);letter-spacing:0;margin:0;font-size:2.75cqb;font-weight:700;line-height:1.15}.next-button{background:var(--hot-pink);color:#fff;letter-spacing:0;cursor:pointer;border:0;border-radius:1.22cqb;min-width:18cqb;min-height:7.1cqb;padding:0 3cqb;font-size:2.75cqb;font-weight:800;transition:box-shadow .18s,transform .18s;box-shadow:0 0 24px #f000cf70}.next-button:hover,.next-button:focus-visible{outline:none;transform:translateY(-.28cqb);box-shadow:0 0 34px #f000cfb8}.thanks-panel{z-index:1;place-items:center;padding:8vw;display:grid;position:absolute;inset:0}.thanks-panel h1{color:var(--hot-pink);letter-spacing:0;text-align:center;text-shadow:0 0 24px #f000cfb8,0 0 58px #f000cf5c;margin:0;font-size:clamp(46px,9vw,142px);font-weight:800;line-height:.95}@media (max-width:900px){.quiz-page{height:auto;min-height:100svh;padding:26px 20px;overflow-y:auto}.quiz-stage{gap:28px;width:min(100%,560px);height:auto;margin:0 auto;padding:34px 0 28px;display:grid;container-type:normal}.wave-lines{opacity:.95;width:360px;max-width:none;max-height:none;top:0;left:-92px}.question-panel,.answer-card{width:100%;position:relative;top:auto;left:auto;right:auto}.question-panel{max-width:430px;padding-left:clamp(18px,8vw,58px)}.quiz-progress{margin-bottom:8px;font-size:14px}.question-panel h1{margin-bottom:6px;font-size:44px}.question-panel p{max-width:390px;font-size:clamp(28px,6.6vw,36px)}.answer-card{border-width:8px;border-radius:16px;min-height:auto;padding:clamp(28px,7vw,42px)}.answer-card h2{margin:8px 0 34px;font-size:clamp(30px,5vw,40px)}.answers{gap:12px}.answers button{border-width:2px;border-radius:8px;min-height:clamp(58px,9vw,72px);padding:0 15px;font-size:clamp(18px,2.4vw,21px)}.quiz-footer{min-height:58px;margin-top:30px}.feedback{font-size:clamp(18px,2.4vw,22px)}.next-button{border-radius:8px;min-width:128px;min-height:52px;padding:0 24px;font-size:20px}}@media (max-width:480px){.quiz-page{padding:18px 14px}.quiz-stage{gap:22px;width:100%;padding-top:24px}.wave-lines{width:320px;left:-116px}.question-panel{padding-left:18px}.question-panel h1{font-size:38px}.question-panel p{max-width:100%;font-size:clamp(23px,7.4vw,30px)}.answer-card{border-width:7px;border-radius:14px;width:100%;padding:24px 20px}.answer-card h2{margin:4px 0 26px;font-size:clamp(28px,8.8vw,34px)}.answers button{min-height:62px;font-size:18px}.quiz-footer{flex-direction:column;align-items:stretch;min-height:118px;margin-top:24px}.next-button{width:100%}}