:root{--accent: 37 99 235;--accent-hover: 29 78 216;--accent-subtle: 219 234 254;--secondary: 99 102 241;--success: 16 185 129;--danger: 244 63 94;--premium: 245 158 11;--surface: 255 255 255;--surface-raised: 248 250 252;--surface-sunken: 241 245 249;--border: 203 213 225;--border-subtle: 226 232 240;--shadow-card: 0 4px 12px -2px rgb(0 0 0 / .08), 0 2px 4px -1px rgb(0 0 0 / .04);--shadow-card-hover: 0 10px 20px -3px rgb(0 0 0 / .12), 0 4px 8px -2px rgb(0 0 0 / .06);--shadow-widget: 0 2px 8px 0 rgb(0 0 0 / .06), 0 1px 3px 0 rgb(0 0 0 / .04);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem}html.dark{--surface: 15 23 42;--surface-raised: 30 41 59;--surface-sunken: 2 6 23;--border: 51 65 85;--border-subtle: 30 41 59;--shadow-card: 0 4px 12px 0 rgb(0 0 0 / .3);--shadow-card-hover: 0 8px 24px 0 rgb(0 0 0 / .4)}.card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-card-hover);border-color:rgb(var(--accent) / .4)}.widget-card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-widget);padding:1.25rem;transition:all .2s ease}.widget-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:rgb(var(--accent) / .5)}html.dark .widget-card{background:rgb(var(--surface) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card{background:rgb(var(--surface));border:1px solid rgb(var(--border));border-radius:var(--radius-lg);padding:1.25rem;text-align:center;box-shadow:var(--shadow-widget);transition:all .2s ease}.stat-card:hover{border-color:rgb(var(--accent) / .4);box-shadow:var(--shadow-card)}.section-title{font-family:Space Grotesk,sans-serif;font-weight:800;letter-spacing:-.02em;color:#0f172a}html.dark .section-title{color:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:700;border-radius:9999px;letter-spacing:.025em;border:1px solid transparent}.badge-blue{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}html.dark .badge-blue{background:rgb(var(--accent) / .2);color:#60a5fa;border-color:rgb(var(--accent) / .4)}.badge-amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;border-radius:var(--radius-md);transition:all .15s ease;cursor:pointer;border:none;outline:none}.btn-primary{background:rgb(var(--accent));color:#fff;box-shadow:0 2px 4px rgb(var(--accent) / .2)}.btn-primary:hover{background:rgb(var(--accent-hover));box-shadow:0 4px 12px rgb(var(--accent) / .35)}.btn-ghost{background:#f8fafc;color:#334155;border:1px solid #cbd5e1}html.dark .btn-ghost{background:rgb(var(--surface-raised) / .5);color:#cbd5e1;border-color:rgb(var(--border) / .5)}.btn-ghost:hover{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.font-serif-display{font-family:"DM Serif Display",serif}.btn-mockup-primary{background:linear-gradient(135deg,#1a6bcc,#00c2e0);color:#fff;box-shadow:0 4px 20px #00c2e040;transition:all .2s ease}.btn-mockup-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #00c2e059}.streak-badge{display:inline-flex;align-items:center;gap:8px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:100px;padding:6px 14px;font-size:.82rem;font-weight:600;color:#f59e0b;white-space:nowrap}.predict-card{background:linear-gradient(160deg,#0f2744,#0a1e35);border:1px solid rgba(0,194,224,.2);border-radius:16px;padding:22px;position:relative;overflow:hidden}.predict-card:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,224,.1) 0%,transparent 70%)}.predict-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#00c2e026;border:1px solid rgba(0,194,224,.25);border-radius:100px;padding:4px 12px;font-size:.68rem;font-weight:700;color:#00c2e0;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}@keyframes pulse-border{0%,to{box-shadow:0 0 #00c2e066}50%{box-shadow:0 0 0 4px #00c2e000}}.plan-check-current{background:#00c2e01f;color:#00c2e0;border:1px solid rgba(0,194,224,.3);animation:pulse-border 2s infinite}.option-letter-badge{width:28px;height:28px;border-radius:8px;flex-shrink:0;background:#1f3347;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#7a94af;transition:all .15s ease}