@tailwind base;@tailwind components;@tailwind utilities;:root{--brand:#0072f5;--brand-dark:#0058c4;--brand-light:#3b91ff;--brand-muted:#0072f51f;--bg:#050810;--bg-card:#0d1117;--bg-elevated:#161b26;--bg-hover:#1c2333;--border:#ffffff12;--border-strong:#ffffff1f;--text-primary:#f0f4ff;--text-secondary:#8b96b0;--text-muted:#4a5568;--success:#10d980;--warning:#f59e0b;--error:#ef4444;--nav-bg:#050810e6;--radius:12px;--radius-lg:20px}.light{--bg:#f8faff;--bg-card:#fff;--bg-elevated:#f0f4ff;--bg-hover:#e8eeff;--border:#00000014;--border-strong:#00000024;--text-primary:#0a0f1e;--text-secondary:#4a5568;--text-muted:#9aa3b0;--nav-bg:#ffffffe6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Sora,sans-serif;font-weight:700;line-height:1.15}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::selection{background:var(--brand-muted);color:var(--brand-light)}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#0d1117b3}.gradient-text{background:linear-gradient(135deg, #f0f4ff 0%, var(--brand-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-mesh{background:radial-gradient(ellipse 80% 60% at 20% 0%, #0072f526 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 100%, #0058c41a 0%, transparent 60%), var(--bg)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--border-strong)}.btn{cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 24px #0072f559}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 8px 32px #0072f573}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0072f526}.input::placeholder{color:var(--text-muted)}.streak-badge{color:#fff;background:linear-gradient(135deg,#ff6b35,#f59e0b);border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.progress-bar{background:var(--bg-elevated);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand), var(--brand-light));border-radius:99px;height:100%;transition:width .5s}