*{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
:root{--bg:#f8fafc;--surface:#ffffff;--surface2:#f1f5f9;--text:#1e293b;--muted:#64748b;--border:#e2e8f0}
html.dark{--bg:#0b1220;--surface:#111c33;--surface2:#0f1a2e;--text:#e2e8f0;--muted:#94a3b8;--border:#243350}
body{background:var(--bg);color:var(--text)}
.surface{background:var(--surface)}
.surface2{background:var(--surface2)}
.muted{color:var(--muted)}
.bd{border-color:var(--border)!important}
.inp{background:var(--surface);color:var(--text);border:1px solid var(--border)}
.inp:focus{outline:none;box-shadow:0 0 0 2px #6366f1}
.grad-text{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-bg{background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#9333ea)}
.glass{backdrop-filter:blur(10px)}
.fade-in{animation:fade .35s ease both}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}