/* ===== Drive Klean — Base: variables, reset, buttons ===== */
:root {
  /* Colors from main.css applied here */
  --bg: #060a12;
  --bg-soft: #0c1420;
  --panel: #0f1b2b;
  --topbar: #04070c;
  --blue-1: #1e9bff;
  --blue-2: #5fd0ff;
  --blue-3: #00e0ff;
  --white: #f3f7fb;
  --muted: #8ea3bd;
  --line: rgba(143,189,255,0.14);
  --shadow-glow: 0 0 40px rgba(31,160,255,0.25);
  --radius: 18px;
  --ff-display: 'Poppins', sans-serif;
  --ff-body: 'Inter', sans-serif;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--white); font-family:var(--ff-body); overflow-x:hidden; min-height:100vh; }
@media (prefers-reduced-motion:reduce) { * { animation-duration:0.001ms !important; transition-duration:0.001ms !important; } }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
button { font-family:var(--ff-body); cursor:pointer; }
img { max-width:100%; display:block; }

/* BG */
.bg-glow { position:absolute; top:0; left:0; right:0; height:900px; z-index:-2; background:radial-gradient(ellipse 60% 40% at 15% 0%,rgba(31,160,255,0.13),transparent 60%),radial-gradient(ellipse 50% 35% at 90% 20%,rgba(0,224,255,0.08),transparent 60%),var(--bg); }
.bg-grain { position:fixed; inset:0; z-index:-3; opacity:0.035; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
body { background:var(--bg); }

.container { max-width:1240px; margin:0 auto; padding:0 28px; }

/* BUTTONS */
.btn { font-family:var(--ff-body); font-weight:600; font-size:14px; border-radius:999px; border:none; padding:11px 24px; cursor:pointer; transition:.25s; display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; }
.btn-primary { background:linear-gradient(90deg,var(--blue-1),var(--blue-3)); color:#04111f; box-shadow:0 6px 24px rgba(31,160,255,.35); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,224,255,.45); }
.btn-ghost { background:transparent; border:1px solid var(--line); color:var(--white); }
.btn-ghost:hover { border-color:var(--blue-2); color:var(--blue-2); }
.btn-sm { padding:8px 16px; font-size:13px; }
.btn-danger { background:rgba(255,80,80,0.15); border:1px solid rgba(255,80,80,0.3); color:#ff8080; border-radius:999px; padding:6px 14px; font-size:12px; font-weight:600; }
.btn-danger:hover { background:rgba(255,80,80,0.3); }
.btn-success { background:rgba(60,220,140,0.15); border:1px solid rgba(60,220,140,0.3); color:#5be3a0; border-radius:999px; padding:6px 14px; font-size:12px; font-weight:600; }