:root {
  --bg: #0a0a0f;
  --surface: #13131a;
  --surface-2: #1e1e2a;
  --surface-3: #252535;
  --accent: #e85d3a;
  --accent-hover: #f07050;
  --accent-dim: rgba(232,93,58,0.2);
  --text: #f0efe8;
  --text-muted: #8a8a9a;
  --border: rgba(255,255,255,0.07);
  --success: #4ade80;
  --success-bg: rgba(74,222,128,0.1);
  --danger: #f87171;
  --danger-bg: rgba(248,113,113,0.1);
  --warning: #fbbf24;
  --radius: 14px;
  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:var(--font-body)}
input,textarea{font-family:var(--font-body)}
.hidden{display:none!important}

.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:10px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:.2s}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}
.btn-secondary{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-3);color:var(--text)}
.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,113,113,0.2)}.btn-danger:hover{background:rgba(248,113,113,0.2)}
.btn-sm{padding:7px 14px;font-size:.8rem}
.btn:disabled{opacity:.4;cursor:not-allowed}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.input-group label{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
.input-group input,.input-group select,.input-group textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:11px 14px;color:var(--text);font-size:.9rem;transition:.2s}
.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent)}
.alert{padding:12px 16px;border-radius:8px;font-size:.88rem;margin-bottom:16px}
.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,113,113,.2)}
.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(74,222,128,.2)}
.alert-info{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}
.alert-warning{background:rgba(251,191,36,.1);color:var(--warning);border:1px solid rgba(251,191,36,.2)}

.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 100%)}