@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--brand-50: #f5f3ff;--brand-100: #ede9fe;--brand-200: #ddd6fe;--brand-300: #c4b5fd;--brand-400: #a78bfa;--brand-500: #8b5cf6;--brand-600: #7c3aed;--brand-700: #6d28d9;--brand-800: #5b21b6;--brand-900: #4c1d95;--brand-950: #2e1065;--amber-400: #fbbf24;--amber-500: #f59e0b;--emerald-400: #34d399;--emerald-500: #10b981;--rose-400: #fb7185;--rose-500: #f43f5e;--gray-950: #030712;--gray-900: #0f0d1a;--gray-850: #141228;--gray-800: #1c1835;--gray-700: #252140;--gray-600: #32304e;--gray-500: #5b5880;--gray-400: #8886a8;--gray-300: #b5b3cc;--gray-200: #d6d4e8;--gray-100: #eeedfa;--color-bg: var(--gray-950);--color-bg-2: var(--gray-900);--color-surface: var(--gray-850);--color-surface-2: var(--gray-800);--color-border: rgba(139, 92, 246, .18);--color-border-soft: rgba(255,255,255,.06);--color-text: #f0eeff;--color-muted: var(--gray-400);--color-brand: var(--brand-500);--color-brand-hover: var(--brand-400);--color-accent: var(--amber-500);--color-success: var(--emerald-500);--color-error: var(--rose-500);--color-focus: var(--brand-400);font-family:Inter,ui-sans-serif,system-ui,sans-serif;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-brand: 0 0 24px rgba(139,92,246,.35);--shadow-glow: 0 0 40px rgba(139,92,246,.25);--transition: .18s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.15) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(139,92,246,.08) 0%,transparent 60%)}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-56px;left:12px;z-index:100;background:var(--brand-600);color:#fff;font-weight:700;padding:10px 16px;border-radius:var(--radius);text-decoration:none;transition:top var(--transition)}.skip-link:focus-visible{top:12px}#app{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:50;background:#030712bf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-border)}.site-header-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-6);height:64px;display:flex;align-items:center;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--font-size-xl);color:var(--color-text);white-space:nowrap;text-decoration:none}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;flex-shrink:0}.brand-name{background:linear-gradient(135deg,var(--brand-300),var(--brand-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-nav{display:flex;align-items:center;gap:var(--space-1);flex:1}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-muted);font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition),background var(--transition);white-space:nowrap}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.nav-link.active{color:var(--brand-400);background:#8b5cf61f}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.lang-switch{display:flex;gap:2px;background:var(--color-surface);border-radius:var(--radius);padding:3px}.lang-switch button{background:transparent;border:none;cursor:pointer;color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.lang-switch button.active{background:var(--brand-600);color:#fff}.lang-switch button:hover:not(.active){color:var(--color-text)}.auth-btn{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-4);background:linear-gradient(135deg,var(--brand-600),var(--brand-700));border:none;border-radius:var(--radius);color:#fff;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--transition),transform var(--transition);box-shadow:0 2px 12px #7c3aed66;white-space:nowrap}.auth-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-muted);box-shadow:none}.auth-btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3) 6px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--amber-500));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.main-layout{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-8) var(--space-6)}.page-header{margin-bottom:var(--space-8)}.page-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-2);line-height:1.15}.page-subtitle{color:var(--color-muted);font-size:var(--font-size-lg);margin:0}.quiz-hero{text-align:center;padding:var(--space-12) var(--space-6) var(--space-8);position:relative}.quiz-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(124,58,237,.2) 0%,transparent 70%);pointer-events:none}.quiz-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-pill);padding:6px 16px;font-size:var(--font-size-sm);font-weight:600;color:var(--brand-400);margin-bottom:var(--space-5)}.quiz-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.025em;margin:0 0 var(--space-4);line-height:1.1;background:linear-gradient(135deg,#f0eeff 0%,var(--brand-300) 50%,var(--brand-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-hero-sub{color:var(--color-muted);font-size:var(--font-size-lg);max-width:540px;margin:0 auto var(--space-8);line-height:1.65}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;cursor:pointer;transition:all var(--transition);border-radius:var(--radius);border:none;padding:12px var(--space-6);font-size:var(--font-size-base)}.btn-primary{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:0 4px 20px #7c3aed66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--brand-500)}.btn-ghost{background:transparent;border:1px solid var(--color-border-soft);color:var(--color-muted)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-sm{padding:8px var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:14px 28px;font-size:var(--font-size-lg)}.btn-amber{background:linear-gradient(135deg,var(--amber-500),#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b59}.btn-amber:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#8b5cf64d;box-shadow:var(--shadow-brand)}.card-glow{box-shadow:var(--shadow-glow)}.topics-row{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-10)}.topic-chip{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.topic-chip:hover{background:var(--color-surface-2);border-color:#8b5cf680;transform:translateY(-1px)}.topic-chip.active{background:#8b5cf626;border-color:var(--brand-500);color:var(--brand-300)}.topic-chip-emoji{font-size:18px;line-height:1}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.stat-value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;color:var(--brand-400);display:block;line-height:1.1}.stat-label{font-size:var(--font-size-xs);color:var(--color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.quiz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:720px;margin:0 auto;box-shadow:var(--shadow-glow)}.quiz-progress-bar{height:4px;background:var(--color-surface-2);border-radius:var(--radius-pill);margin-bottom:var(--space-8);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-500),var(--brand-400));border-radius:var(--radius-pill);transition:width var(--transition-slow)}.quiz-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.quiz-topic-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-pill);padding:5px 14px;font-size:var(--font-size-sm);font-weight:600;color:var(--brand-300)}.quiz-counter{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:600}.quiz-timer{display:flex;align-items:center;gap:var(--space-1);color:var(--amber-400);font-weight:700;font-size:var(--font-size-base);font-family:var(--font-display)}.quiz-timer.urgent{color:var(--rose-400);animation:pulse .8s ease-in-out infinite}.quiz-question{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.015em;margin:0 0 var(--space-8);line-height:1.35}.choices-grid{display:grid;gap:var(--space-3)}.choice-btn{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:all var(--transition);text-align:left;color:var(--color-text);font-size:var(--font-size-base)}.choice-btn:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf666;transform:translate(4px)}.choice-btn.correct{background:#10b98126;border-color:var(--emerald-500);color:var(--emerald-400)}.choice-btn.wrong{background:#f43f5e1f;border-color:var(--rose-500);color:var(--rose-400)}.choice-letter{width:32px;height:32px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:var(--color-muted);flex-shrink:0;transition:all var(--transition)}.choice-btn.correct .choice-letter{background:var(--emerald-500);border-color:var(--emerald-500);color:#fff}.choice-btn.wrong .choice-letter{background:var(--rose-500);border-color:var(--rose-500);color:#fff}.explanation-box{margin-top:var(--space-6);background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:var(--space-5);font-size:var(--font-size-sm);color:var(--gray-300);line-height:1.7}.explanation-label{font-weight:700;color:var(--brand-400);display:block;margin-bottom:var(--space-2)}.leaderboard-table{width:100%}.lb-row{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius);transition:background var(--transition)}.lb-row:hover{background:var(--color-surface-2)}.lb-row.me{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg)}.lb-rank{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;text-align:center}.lb-rank.gold{color:var(--amber-400)}.lb-rank.silver{color:var(--gray-300)}.lb-rank.bronze{color:#cd7f32}.lb-rank.other{color:var(--color-muted);font-size:var(--font-size-base)}.lb-player{display:flex;align-items:center;gap:var(--space-3)}.lb-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--amber-500));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;flex-shrink:0;overflow:hidden}.lb-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.lb-name{font-weight:600}.lb-streak{font-size:var(--font-size-xs);color:var(--amber-400);font-weight:600}.lb-score{font-family:var(--font-display);font-weight:800;color:var(--brand-300);font-size:var(--font-size-lg)}.lb-qs{font-size:var(--font-size-xs);color:var(--color-muted);text-align:right}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:700;border:1px solid}.badge-brand{background:#8b5cf626;border-color:#8b5cf666;color:var(--brand-300)}.badge-amber{background:#f59e0b26;border-color:#f59e0b66;color:var(--amber-400)}.badge-emerald{background:#10b98126;border-color:#10b98159;color:var(--emerald-400)}.duel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.vs-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:800;color:#fff;margin:0 auto var(--space-6);box-shadow:var(--shadow-brand)}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.pack-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition)}.pack-card:hover{border-color:#8b5cf666;box-shadow:var(--shadow-brand);transform:translateY(-2px)}.pack-card.premium{background:linear-gradient(135deg,#7c3aed26,#f59e0b14);border-color:#f59e0b59}.pack-icon{font-size:2.5rem;line-height:1}.pack-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;margin:0}.pack-desc{color:var(--color-muted);font-size:var(--font-size-sm);margin:0;flex:1}.pack-meta{display:flex;align-items:center;justify-content:space-between}.pack-questions{font-size:var(--font-size-xs);color:var(--color-muted);font-weight:600}.pack-lock{color:var(--amber-400);font-size:var(--font-size-sm);font-weight:600}.profile-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--amber-500));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.profile-avatar-lg img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-name{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;margin:0 0 var(--space-1)}.profile-email{color:var(--color-muted);font-size:var(--font-size-sm)}.profile-plan{margin-top:var(--space-3)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:720px;margin:0 auto}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.pricing-card.featured{background:linear-gradient(135deg,#7c3aed33,#5d2ec526);border-color:var(--brand-500);box-shadow:var(--shadow-brand);position:relative;overflow:hidden}.pricing-card.featured:before{content:"⭐ Populaire";position:absolute;top:16px;right:-20px;background:var(--brand-600);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:4px 28px;transform:rotate(15deg)}.pricing-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;margin:0}.pricing-price{display:flex;align-items:baseline;gap:var(--space-1)}.price-amount{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text)}.price-period{color:var(--color-muted);font-size:var(--font-size-base)}.pricing-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);flex:1}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm)}.pricing-features li:before{content:"✓";color:var(--emerald-400);font-weight:700;flex-shrink:0}.pricing-features .no:before{content:"✗";color:var(--color-muted)}.pricing-features .no{color:var(--color-muted)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.admin-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.admin-stat h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;color:var(--brand-300)}.admin-stat p{margin:0;color:var(--color-muted);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ad-slot{margin:var(--space-8) 0;border:1px dashed rgba(139,92,246,.2);border-radius:var(--radius-lg);overflow:hidden;min-height:90px}.ad-slot[hidden]{display:none}.score-result{text-align:center;padding:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:540px;margin:0 auto;box-shadow:var(--shadow-glow)}.score-big{font-family:var(--font-display);font-size:5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--brand-300),var(--amber-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:var(--font-size-2xl);font-weight:700;margin:var(--space-2) 0 var(--space-1)}.score-sub{color:var(--color-muted)}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-8) 0}.score-item{text-align:center}.score-item-value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;display:block}.score-item-value.good{color:var(--emerald-400)}.score-item-value.bad{color:var(--rose-400)}.score-item-value.points{color:var(--brand-400)}.score-item-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.faq-list{display:grid;gap:var(--space-3)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);cursor:pointer;font-weight:600;background:none;border:none;color:var(--color-text);width:100%;text-align:left;gap:var(--space-4);transition:background var(--transition)}.faq-question:hover{background:var(--color-surface-2)}.faq-arrow{color:var(--brand-400);flex-shrink:0;transition:transform var(--transition);font-size:18px}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-6) var(--space-5);color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}.site-footer{background:#03071299;border-top:1px solid var(--color-border-soft);padding:var(--space-8) var(--space-6)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.footer-brand{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-base)}.footer-links{display:flex;gap:var(--space-5)}.footer-links a{color:var(--color-muted);font-size:var(--font-size-sm);transition:color var(--transition)}.footer-links a:hover{color:var(--color-text)}.footer-copy{color:var(--color-muted);font-size:var(--font-size-sm)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-muted);padding:var(--space-16);font-size:var(--font-size-lg)}.spinner{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--brand-400);animation:spin .8s linear infinite}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:200;display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);font-weight:500;min-width:260px;box-shadow:var(--shadow-lg);animation:slideIn .2s ease}.toast.success{border-color:var(--emerald-500)}.toast.error{border-color:var(--rose-500)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-muted)}.form-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:11px var(--space-4);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition)}.form-input:focus-visible{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px #8b5cf633}.form-input::placeholder{color:var(--color-muted)}.streak-badge{display:inline-flex;align-items:center;gap:4px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-pill);padding:4px 12px;color:var(--amber-400);font-weight:700;font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pop-in{animation:popIn .25s ease}.legal-page{max-width:800px;padding:var(--space-8) 0}.legal-page h1{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-6);letter-spacing:-.02em}.legal-page h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--brand-300)}.legal-page p,.legal-page li{color:var(--gray-300);line-height:1.75}.legal-page a{color:var(--brand-300);text-decoration:underline}.divider{height:1px;background:var(--color-border-soft);margin:var(--space-8) 0}.section-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000b3;display:grid;place-items:center;padding:var(--space-4)}.ui-modal{width:min(560px,100%);max-height:86vh;overflow:auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.ui-modal__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700}.ui-modal__close{border:0;background:transparent;cursor:pointer;color:var(--color-muted);font-size:22px;padding:4px;border-radius:var(--radius-sm)}.ui-modal__close:hover{color:var(--color-text);background:var(--color-surface-2)}.ui-modal__body{padding:var(--space-6);display:grid;gap:var(--space-4)}.ui-tabs__bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);overflow-x:auto}.ui-tabs__tab{border:0;background:transparent;cursor:pointer;padding:var(--space-3) var(--space-4);color:var(--color-muted);font-weight:600;font-size:var(--font-size-sm);border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);white-space:nowrap}.ui-tabs__tab:hover{color:var(--color-text)}.ui-tabs__tab.active{color:var(--brand-400);border-bottom-color:var(--brand-400)}.ui-spinner{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-muted)}.ui-spinner__ring{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--brand-400);animation:spin .8s linear infinite}@media (max-width: 768px){.site-header-inner{padding:0 var(--space-4);gap:var(--space-3)}.site-nav{display:none}.main-layout{padding:var(--space-5) var(--space-4)}.quiz-card{padding:var(--space-5)}.quiz-question{font-size:var(--font-size-xl)}.profile-header{flex-direction:column;text-align:center}.score-breakdown{grid-template-columns:repeat(3,1fr)}.footer-inner{flex-direction:column;text-align:center}.packs-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured:before{display:none}}@media (max-width: 480px){.quiz-hero-title{font-size:2.2rem}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn{width:100%;justify-content:center}}