/* Generated by scripts/build_brand_theme.py from templates/login.html. Do not edit. */
html:root { --bg: #0c0c0e; --surface: #141417; --surface2: #1c1c21; --border: rgba(255,255,255,0.07); --border-hover: rgba(255,255,255,0.15); --text: #f0ede8; --muted: #6b6870; --accent: #ff6d4d; --accent-dim: rgba(255,109,77,0.12); --brand-ink: #2f2f34; --brand-coral: #ff6d4d; --brand-shell: #ddd7d4; --brand-mist: rgba(222,214,210,0.55); --brand-haze: rgba(205,201,230,0.28); --brand-flare: rgba(255,135,96,0.4); --tiktok: #a78bfa; --tiktok-dim: rgba(167,139,250,0.12); --ig: #fb923c; --ig-dim: rgba(251,146,60,0.12); --email: #38bdf8; --email-dim: rgba(56,189,248,0.12); --deal: #4ade80; --deal-dim: rgba(74,222,128,0.1); --danger: #f87171; --radius: 10px; --radius-lg: 16px; --tt: #00f1d1; --panel: #141417; --panel-2: #1c1c21; --divider: rgba(255,255,255,0.10); --accent-700: #ff8a6f; --accent-800: #e0562f; --accent-100: rgba(255,109,77,0.14); --accent-2: #ff5da2; --neutral-100: #17171a; --neutral-200: #1c1c21; --neutral-300: #26262c; --neutral-400: #3a3a42; --neutral-500: #6b6870; --neutral-600: #9a97a0; --neutral-700: #c8c5cd; --neutral-800: #e6e3ea; --shadow-sm: 0 1px 2px rgba(0,0,0,0.4); --shadow-md: 0 3px 10px rgba(0,0,0,0.5); --shadow-lg: 0 12px 32px rgba(0,0,0,0.6); --radius-sm: 9px; --radius-md: 11px; --radius-pill: 999px; --panel2: #1c1f29; }
body { font-family: 'Syne', sans-serif; background-color: var(--bg); color: var(--text); background-image: radial-gradient(circle at 20% 20%, rgba(255,109,77,0.08), transparent 40%),
    radial-gradient(circle at 80% 80%, rgba(255,109,77,0.05), transparent 40%); }
.login-card { background-color: var(--surface); border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 24px 48px rgba(0,0,0,0.4); }
h1 { font-size: 22px; font-weight: 800; letter-spacing: -0.01em; }
.subtitle { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; }
.field input { background-color: var(--surface2); border: 1px solid var(--border); color: var(--text); border-radius: 10px; font-family: 'DM Mono', monospace; font-size: 13px; }
.field input:focus { outline: none; border-color: var(--accent); }
.btn-primary { background-color: var(--accent); color: #1a1a1a; border: none; border-radius: 10px; font-family: 'Syne', sans-serif; font-weight: 600; font-size: 14px; }
.error { border-radius: 10px; background-color: rgba(239,68,68,0.12); border: 1px solid rgba(239,68,68,0.32); color: #fca5a5; font-family: 'DM Mono', monospace; font-size: 11px; }
.footer { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }