:root{--bg:#07101d;--card:#0d1a2b;--line:#1b2d43;--text:#f4f7fb;--muted:#9fb0c4;--accent:#ffb300;--accent2:#ff7a00;--good:#1ecb7b;--bad:#ef5350}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#173452 0,#07101d 45%);color:var(--text);font-family:Arial,system-ui,sans-serif;min-height:100vh}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #14263b;background:#07101de8;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;font-weight:900}.brand+nav a{color:var(--muted);text-decoration:none;margin-left:10px;padding:7px 9px;border-radius:8px}.brand+nav a.active{background:#15283d;color:#fff}main{max-width:720px;margin:auto;padding:26px 16px 70px}.hero{text-align:center;padding-top:30px}.badge{display:inline-block;border:1px solid #604b18;background:#201b0d;color:#ffd15a;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.6px}.hero h1{font-size:44px;line-height:1.03;margin:20px 0 14px}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);line-height:1.6}.car{display:flex;text-align:left;gap:16px;align-items:center;background:linear-gradient(135deg,#11243a,#0b1727);border:1px solid var(--line);border-radius:20px;padding:18px;margin:24px 0}.caricon{font-size:48px}.car small{color:var(--accent);font-weight:bold}.car h2{margin:4px 0;font-size:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stats div{background:#0b1828;border:1px solid var(--line);border-radius:14px;padding:14px}.stats b{display:block;font-size:24px}.stats span{font-size:11px;color:var(--muted)}.primary{display:inline-block;border:0;border-radius:13px;padding:15px 20px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;font-weight:900;text-decoration:none;cursor:pointer}.note{font-size:11px!important;color:#71869c!important}.panel{background:#0b1727;border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:24px}.panel h2{font-size:27px;margin:10px 0 20px}.step{color:var(--accent);font-size:11px;font-weight:bold;letter-spacing:1px}.rules{padding:0;list-style:none}.rules li{padding:13px 0;border-bottom:1px solid var(--line);color:#dbe5f0}.check{display:block;margin:20px 0;color:#dbe5f0}.check input{width:18px;height:18px;vertical-align:middle;margin-right:8px}.primary:disabled{opacity:.35;cursor:not-allowed}.link{display:block;margin-top:18px;color:var(--muted);text-decoration:none}.quiztop{display:flex;justify-content:space-between;align-items:center;font-weight:bold}.timer{font-size:28px;color:var(--accent);min-width:50px;text-align:center}.progress{height:6px;background:#17283c;border-radius:10px;margin:16px 0;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:.2s}.score{color:var(--muted);font-size:13px}.panel #question{font-size:25px;line-height:1.35;margin:20px 0}.answers{display:grid;gap:11px}.answer{width:100%;padding:16px;text-align:left;background:#102239;border:1px solid #223b56;color:white;border-radius:13px;font-size:16px;cursor:pointer}.answer:hover{border-color:var(--accent)}.answer.correct{border-color:var(--good);background:#0b3328}.answer.wrong{border-color:var(--bad);background:#3b1719}.answer:disabled{opacity:.8}.timeout{color:var(--accent);min-height:20px}.center{text-align:center}.bigscore{font-size:64px;margin:24px 0}.bigscore span{font-size:20px;color:var(--muted)}footer{border-top:1px solid #14263b;padding:20px 16px;color:#71869c;font-size:11px;display:flex;justify-content:space-between;gap:10px}html[dir=rtl] .car{text-align:right}.rtl{text-align:right}@media(max-width:600px){.hero h1{font-size:37px}.panel #question{font-size:22px}.answer{padding:15px}.car{align-items:flex-start}footer{flex-direction:column}}
