/* Extra tiny styles on top of Tailwind (kept minimal) */
:root { --brand: #4f46e5; --brand-2: #06b6d4; }
.gradient-brand { background: linear-gradient(135deg, var(--brand), var(--brand-2)); }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.card { border-radius: 1rem; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); }
.blur-bg { backdrop-filter: saturate(180%) blur(10px); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }