*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(245,158,11,.18),transparent 32rem),linear-gradient(135deg,#0f172a,#111827 48%,#1f2937);color:#f9fafb;min-height:100vh}button{font:inherit}.app{max-width:1100px;margin:0 auto;padding:56px 22px}.hero{padding:56px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:#0f172ab8;box-shadow:0 30px 80px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#f59e0b29;color:#fbbf24;font-weight:700;margin-bottom:24px}h1{margin:0;font-size:clamp(48px,8vw,92px);line-height:.95;letter-spacing:-.06em}.hero p{max-width:720px;margin:24px 0 0;font-size:21px;line-height:1.65;color:#d1d5db}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}button{border:0;border-radius:16px;padding:14px 20px;background:#f59e0b;color:#111827;font-weight:800;cursor:pointer}button.secondary{background:#ffffff17;color:#f9fafb;border:1px solid rgba(255,255,255,.14)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.card{min-height:220px;padding:28px;border-radius:26px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px #0003}.card span{color:#f59e0b;font-weight:900}.card h2{margin:38px 0 10px;font-size:28px}.card p{margin:0;color:#d1d5db;line-height:1.55}@media (max-width: 800px){.hero{padding:34px}.grid{grid-template-columns:1fr}}.clickable{text-align:left}.study-panel{margin-top:22px;padding:34px;border-radius:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px #0003}.panel-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;color:#fbbf24;font-weight:800}.study-panel h2{font-size:clamp(28px,5vw,46px);line-height:1.1}.answer{margin-top:22px;padding:22px;border-radius:20px;background:#ffffff14}.answer h3{margin:0 0 8px;color:#fbbf24}.choices{display:grid;gap:12px}.choices button{text-align:left}.correct{background:#22c55e}.wrong{background:#ef4444;color:#fff}
