:root{font-family:Arial,Helvetica,sans-serif;color:#f3f4f6;background:#0b1220}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(30,64,175,.35),transparent 35%),linear-gradient(180deg,#08101d,#0b1220);min-height:100vh}button{font:inherit}.app{min-height:100vh;padding:32px 16px;display:flex;align-items:center;justify-content:center}.card{width:100%;max-width:920px;background:#0d1321eb;border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 20px 60px #00000059;padding:28px}.eyebrow{color:#93c5fd;font-size:12px;font-weight:700;letter-spacing:.16em;margin-bottom:10px}h1,h2{margin:0 0 14px;line-height:1.15}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:clamp(24px,3vw,34px)}.lead{color:#cbd5e1;font-size:17px;line-height:1.7;margin:0 0 24px}.stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.stat{min-width:180px;padding:18px;background:#111a2c;border:1px solid rgba(148,163,184,.15);border-radius:18px}.stat strong{display:block;font-size:28px;margin-bottom:6px}.stat span{color:#94a3b8}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mode-card{text-align:left;background:linear-gradient(180deg,#13203a,#0f172a);color:#fff;border:1px solid rgba(96,165,250,.25);border-radius:22px;padding:24px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mode-card:hover{transform:translateY(-2px);border-color:#60a5fa8c;box-shadow:0 12px 30px #1e40af38}.mode-title{display:block;font-size:22px;font-weight:700;margin-bottom:10px}.mode-desc{display:block;color:#cbd5e1;line-height:1.6}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.counter{color:#cbd5e1;font-size:15px}.small-link{background:transparent;border:none;color:#93c5fd;cursor:pointer}.progress-wrap{height:10px;background:#162238;border-radius:999px;overflow:hidden;margin-bottom:24px}.progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px}.question-title{margin-bottom:8px}.legal-basis{color:#93c5fd;font-size:14px;margin-bottom:22px}.answers{display:grid;gap:14px}.answer-btn{width:100%;display:flex;align-items:flex-start;gap:14px;text-align:left;background:#0f172a;border:1px solid rgba(148,163,184,.16);color:#f8fafc;border-radius:18px;padding:18px;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.answer-btn:hover{transform:translateY(-1px);border-color:#60a5fa73}.answer-btn.selected{border-color:#60a5fa;background:#12213b}.answer-btn.correct{border-color:#22c55e;background:#102619}.answer-btn.wrong{border-color:#ef4444;background:#2a1116}.answer-letter{width:34px;height:34px;min-width:34px;border-radius:999px;background:#1e293b;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.actions{margin-top:22px}.primary-btn,.secondary-btn{border:none;border-radius:14px;padding:14px 22px;cursor:pointer;font-weight:700}.primary-btn{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-btn{background:#1f2937;color:#fff;border:1px solid rgba(148,163,184,.16)}.feedback{margin-top:16px;padding:16px 18px;border-radius:16px;background:#111a2c}.ok{color:#4ade80;font-weight:700}.bad{color:#fca5a5;font-weight:700}.result-card{text-align:center}.result-score{font-size:56px;font-weight:800;margin:8px 0 12px}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 720px){.card{padding:20px}.mode-grid{grid-template-columns:1fr}.quiz-top{flex-direction:column;align-items:flex-start}.answer-btn{padding:16px}}