:root{color-scheme:dark;--bg:#0c1118;--panel:#131b24;--muted:#a1aebb;--line:#293441;--accent:#beef91}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#20332c80,transparent 48%),var(--bg);color:#f2f5f6;font-family:system-ui,sans-serif;min-height:100vh}nav,main{max-width:1160px;margin:auto}nav{padding:30px 32px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}a{color:var(--muted);text-decoration:none}.brand{color:#f2f5f6;font-size:14px;letter-spacing:2px;font-weight:800}.brand span,h1 span{color:var(--accent)}main{padding:56px 32px 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-2px;margin:20px 0}header p{color:var(--muted);font-size:17px;margin:24px 0 36px}.panel{max-width:820px;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:32px}h2{font-size:28px;line-height:1.4;margin:12px 0 24px}h3{margin-top:30px}label{display:block;font-size:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}select{display:block;width:100%;margin-top:10px;padding:14px;background:var(--bg);color:white;border:1px solid #3b4b5b;border-radius:9px;font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:14px 20px;background:var(--accent);color:#162412;font:600 15px system-ui}button:hover{filter:brightness(1.1)}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.secondary{background:transparent;color:var(--muted);border:1px solid var(--line)}.hint{font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px}.topline,.actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topline{font-size:13px;color:var(--muted)}progress{width:100%;height:7px;accent-color:var(--accent);margin:18px 0 26px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices button{background:#1b2732;color:#f2f5f6;border-color:#3b4b5b;text-align:left;line-height:1.5;min-height:80px;overflow-wrap:anywhere}.choices button:disabled{opacity:1}.choices button.correct{border-color:var(--accent);background:#203525}.choices button.incorrect{border-color:#f4a89f;background:#40272a}.feedback{padding:18px;border:1px solid var(--line);border-radius:12px;margin-top:20px;line-height:1.8}.actions{margin-top:24px}.total{font-size:64px;font-weight:800;color:var(--accent)}#message{color:var(--muted);line-height:1.7}.review{border-top:1px solid var(--line);padding:20px 0}.review h4{margin:0 0 10px;font-size:16px;line-height:1.5}.review p{color:var(--muted);font-size:14px;line-height:1.7;margin:6px 0}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;margin-top:30px}[hidden]{display:none!important}@media(max-width:600px){main{padding:38px 20px 24px}nav{padding:24px 20px;font-size:12px}.panel{padding:22px}.fields,.choices{grid-template-columns:1fr}h2{font-size:23px}footer{flex-direction:column}.total{font-size:52px}}