@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e5edf7;background:#07111b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main: #07111b;--bg-panel: rgba(14, 22, 34, .74);--bg-panel-soft: rgba(255, 255, 255, .06);--line: rgba(170, 197, 255, .16);--text: #e5edf7;--text-soft: #a6b4cb;--accent: #8ee3ff;--accent-strong: #51c8ff;--accent-warm: #ffd166;--danger: #ff6f7d;--success: #89f5a2;--shadow: 0 30px 80px rgba(1, 7, 14, .4)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(81,200,255,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(255,209,102,.12),transparent 24%),linear-gradient(180deg,#09131f,#07111b,#050b12);color:var(--text)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#root,.home-page,.quiz-page{min-height:100vh}.home-page{display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#eff4fff5,#d3e2f2d1),radial-gradient(circle at top right,rgba(94,146,209,.24),transparent 35%),linear-gradient(180deg,#f5f8fc,#e7eef8);color:#0d1722}.home-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:28px;border-radius:32px;background:#ffffffad;box-shadow:0 20px 60px #21344e2e;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-copy{display:flex;flex-direction:column;gap:20px;justify-content:center;padding:24px}.badge,.quiz-eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.home-page .badge{color:#0d1722;background:#0d172214;border:1px solid rgba(13,23,34,.12)}.home-copy h1,.quiz-header h1,.question-card h2,.result-card h2{margin:0;line-height:1.05;font-family:Orbitron,Space Grotesk,sans-serif;letter-spacing:-.03em}.home-copy h1{font-size:clamp(2.6rem,5vw,5rem);max-width:11ch}.lead,.panel-card span{color:#445367}.lead{margin:0;max-width:60ch;font-size:1.06rem}.home-actions,.question-actions,.result-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.secondary-note{font-size:.95rem}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primary-button{background:linear-gradient(135deg,#0f1722,#13283c);color:#fff;box-shadow:0 18px 36px #0f172233}.primary-button:hover,.ghost-button:hover,.secondary-button:hover,.option-button:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.55;pointer-events:none;transform:none}.secondary-button,.ghost-button{background:transparent;border-color:#0d172229;color:inherit}.home-panel{display:grid;gap:14px;align-content:center}.panel-card{display:grid;gap:8px;padding:18px 20px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(13,23,34,.08)}.panel-card strong{font-size:1.02rem}.panel-card--hero{padding:22px 20px;background:linear-gradient(135deg,#fff,#eef4fb)}.panel-label{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:#6b7c92;font-weight:700}.quiz-page{position:relative;overflow:hidden;padding:30px 20px 40px;background:radial-gradient(circle at top,rgba(81,200,255,.16),transparent 26%),radial-gradient(circle at 20% 20%,rgba(255,209,102,.12),transparent 24%),linear-gradient(180deg,#050b12,#09131f 40%,#05090f)}.quiz-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(126,192,255,.9) 0 1px,transparent 2px);background-size:140px 140px,220px 220px;background-position:0 0,60px 80px;opacity:.38;animation:starDrift 120s linear infinite}.quiz-shell{position:relative;z-index:1;width:min(1100px,100%);margin:0 auto;display:grid;gap:22px}.quiz-shell--auth{width:min(920px,100%)}.quiz-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.quiz-header-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.quiz-user-badge{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(142,227,255,.18);background:#0a121d8c;color:var(--text-soft);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-eyebrow{margin:0 0 12px;color:var(--accent);border:1px solid rgba(142,227,255,.18);background:#0a121d99}.quiz-header h1{font-size:clamp(2.2rem,4vw,4.5rem);max-width:10ch}.quiz-intro{margin:14px 0 0;max-width:60ch;color:var(--text-soft)}.quiz-frame,.result-frame{display:grid;gap:18px}.quiz-frame,.result-card{padding:22px;border-radius:30px;background:var(--bg-panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.quiz-progress{display:grid;gap:10px}.quiz-progress__meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:.95rem}.quiz-progress__bar{height:12px;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.quiz-progress__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent-warm));box-shadow:0 0 18px #51c8ff99;transition:width .24s ease}.question-card{display:grid;gap:18px;padding:6px 2px 0}.question-lead{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.question-card h2{font-size:clamp(1.8rem,3.6vw,3.1rem);max-width:16ch}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.option-button{display:flex;align-items:center;gap:14px;min-height:88px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);text-align:left;cursor:pointer}.option-button--selected{border-color:#8ee3ff52;background:#51c8ff1a}.option-button--correct{border-color:#89f5a266;background:#89f5a21a}.option-button--wrong{border-color:#ff6f7d6b;background:#ff6f7d14}.option-index{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:999px;background:#ffffff14;color:var(--accent);font-family:Orbitron,sans-serif;font-weight:700}.option-label{font-size:1rem;color:#f5f8fff0}.question-feedback{display:grid;gap:10px;padding:18px 18px 6px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-soft)}.feedback-good{color:var(--success);font-weight:700}.feedback-bad{color:var(--danger);font-weight:700}.result-card{display:grid;gap:16px;align-content:start}.result-score{margin:0;color:var(--accent);font-weight:700}.result-message{margin:0;max-width:54ch;color:var(--text-soft)}.login-frame{display:grid;place-items:center}.login-card{width:min(760px,100%);display:grid;gap:18px;padding:28px;border-radius:30px;background:var(--bg-panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.login-kicker{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;font-weight:700}.login-card h2{margin:0;font-family:Orbitron,Space Grotesk,sans-serif;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em}.login-copy{margin:0;max-width:58ch;color:var(--text-soft)}.login-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{color:var(--text-soft);font-size:.92rem}.field input{width:100%;min-height:50px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input::placeholder{color:#a6b4cb9e}.field input:focus{border-color:#8ee3ff66;box-shadow:0 0 0 4px #51c8ff1f;background:#ffffff12}.login-error{margin:0;color:var(--danger);font-weight:700}.login-footnote{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:var(--text-soft);font-size:.92rem}@keyframes starDrift{0%{transform:translateY(0)}to{transform:translateY(-240px)}}@media (max-width: 900px){.home-shell{grid-template-columns:1fr}.quiz-header{flex-direction:column}.quiz-header-actions{width:100%;justify-content:flex-start}}@media (max-width: 720px){.home-page,.quiz-page{padding:16px}.home-shell,.quiz-frame,.result-card{padding:18px;border-radius:24px}.options-grid{grid-template-columns:1fr}.question-actions,.result-actions,.home-actions{align-items:stretch}.primary-button,.secondary-button,.ghost-button{width:100%}.quiz-progress__meta{flex-direction:column}}