:root {
    --bg: #0b1220;
    --surface: #111b2b;
    --card: #151f30;
    --border: #253247;
    --primary: #5794ff;
    --text: #e2e8f0;
    --muted: #94a3b8;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: Inter, "Segoe UI", Arial, sans-serif; background: var(--bg); color: var(--text); }
a { color: var(--primary); text-decoration: none; }
button, input, select { font: inherit; }
.brand { color: #fff; font-size: 25px; font-weight: 750; letter-spacing: -.8px; }
.brand span { color: var(--primary); }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; }
.muted { color: var(--muted); }
.btn { border: 0; border-radius: 10px; padding: 13px 18px; cursor: pointer; font-weight: 600; }
.btn-primary { background: var(--primary); color: #081222; }
.btn-primary:hover { background: #77a8ff; }
.field { width: 100%; background: #0d1727; border: 1px solid #334155; border-radius: 10px; padding: 13px 14px; color: #fff; outline: none; }
.field:focus { border-color: var(--primary); box-shadow: 0 0 0 3px #5794ff20; }