@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:#0f172a;background-color:#f7f7fb}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#dbeafe,#dbeafe00 35%),radial-gradient(circle at 80% 0%,#fef3c7,#fef3c700 30%),linear-gradient(135deg,#fff,#eef2ff);color:inherit}a{color:inherit;text-decoration:none}.page{display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}.shell{width:min(720px,100%)}.panel{background:#fffffff2;border-radius:18px;padding:28px 24px;box-shadow:0 18px 60px #0f172a1f;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h1{margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.1rem);letter-spacing:-.02em}p{margin:0 0 16px}.lede{color:#475569;font-size:1rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:600;font-size:.85rem;margin:0 0 14px}.button-grid{display:grid;gap:12px;margin-top:12px}button,.link-button{font-family:inherit;font-size:1rem;border:none;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;width:100%}button:disabled{cursor:not-allowed;opacity:.65}.primary{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 12px 30px #7c3aed59}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 40px #7c3aed73}.secondary{background:#e0e7ff;color:#312e81}.secondary:hover:not(:disabled){background:#c7d2fe}.ghost{background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.1)}.ghost:hover:not(:disabled){border-color:#0f172a40}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.options{display:grid;gap:10px;margin:16px 0 18px}.option{text-align:left;background:#f8fafc;border:1px solid rgba(15,23,42,.08);color:#0f172a}.option:hover{border-color:#2563eb4d}.option-selected{border-color:#7c3aed;box-shadow:0 8px 20px #7c3aed38}.option-correct{border-color:#16a34a;background:#ecfdf3}.reveal-grid{display:grid;gap:18px;align-items:center}.reveal-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #0f172a2e;border:1px solid rgba(15,23,42,.08)}.reveal-card img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3}.reveal-list{list-style:none;padding:0;margin:12px 0 20px;color:#475569}.reveal-list li{display:flex;align-items:center;gap:8px;padding:6px 0}.reveal-list li:before{content:"•";color:#7c3aed;font-weight:700}.reveal-actions{margin-top:4px}.info-grid{display:grid;gap:12px;margin:16px 0 10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-card{padding:14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#f8fafc;box-shadow:0 8px 22px #0f172a0f}.info-label{font-weight:700;color:#312e81;margin:0 0 4px}.info-value{margin:0;color:#0f172a;line-height:1.5}.info-value.big{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.info-note{margin:6px 0 0;color:#475569;font-size:.95rem}.info-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.info-list{margin:8px 0 0;padding-left:16px;color:#0f172a}.info-list li{margin-bottom:8px;line-height:1.5}.info-list strong{color:#312e81}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#ede9fe;color:#312e81;font-weight:600;text-decoration:none;border:1px solid rgba(49,46,129,.15)}.chip:hover{background:#ddd6fe}.notice{margin-top:14px;padding:14px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}.notice.success{border-color:#16a34a66;background:#ecfdf3;color:#166534}.notice.error{border-color:#ef444459;background:#fef2f2;color:#b91c1c}.notice-actions{display:grid;gap:10px;margin-top:10px}.countdown{text-align:center}.count{font-size:clamp(4rem,12vw,5.5rem);font-weight:700;margin:0 0 4px}.quiz h1{margin-bottom:6px}.reveal h1{font-size:clamp(1.7rem,4.5vw,2.3rem)}@media (min-width: 640px){.panel{padding:36px 32px}.button-grid,.options,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}