:root {
  --bg-primary: #060a13;
  --bg-card: rgba(14, 19, 28, 0.85);
  --border: rgba(48, 54, 61, 0.5);
  --text: #e6edf3;
  --text-muted: #8b949e;
  --accent: #58a6ff;
}
* { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }
body { background: var(--bg-primary); color: var(--text); min-height: 100vh; }
.landing-bg, .auth-bg {
  background: var(--bg-primary);
  background-image: radial-gradient(circle at 20% 20%, rgba(88, 166, 255, 0.12) 0%, transparent 45%),
                    radial-gradient(circle at 80% 80%, rgba(229, 9, 20, 0.10) 0%, transparent 45%);
  min-height: 100vh;
}
.auth-bg { display: flex; align-items: center; justify-content: center; padding: 2rem; }
.auth-container { width: 100%; max-width: 420px; }
.auth-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 2rem; backdrop-filter: blur(8px); }
.hero { padding-top: 4rem; padding-bottom: 4rem; }
.service-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  transition: transform 0.15s, border-color 0.15s;
}
.service-card:hover { transform: translateY(-3px); }
.card { background: var(--bg-card); border: 1px solid var(--border); }
.card.stat { background: linear-gradient(135deg, rgba(14,19,28,0.9), rgba(14,19,28,0.7)); }
.account-card:hover { background: rgba(22, 27, 34, 1); transform: translateY(-2px); transition: all 0.15s; }
.slot-card { transition: border-color 0.15s; }
.slot-card.border-success { border-left: 3px solid #3fb950; }
.slot-card.border-secondary { border-left: 3px solid #8b949e; opacity: 0.85; }
.navbar { background: rgba(0,0,0,0.4) !important; }
.btn-primary { background: var(--accent); border-color: var(--accent); }
.btn-primary:hover { background: #4a8fe8; border-color: #4a8fe8; }
.form-control, .form-select { background: rgba(13,17,23,0.6); border-color: var(--border); color: var(--text); }
.form-control:focus, .form-select:focus { background: rgba(13,17,23,0.8); border-color: var(--accent); color: var(--text); box-shadow: 0 0 0 0.2rem rgba(88,166,255,0.15); }
.table-dark { background: transparent; }
.modal-content { background: var(--bg-card); border: 1px solid var(--border); }
code { color: #79b8ff; }