:root {
  --bg: #0b0d10;
  --card: #12161b;
  --text: #e9eef5;
  --muted: #a9b4c0;
  --accent: #5eead4;
  --accent2: #60a5fa;
  --radius: 18px;
  --maxw: 1050px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body { margin:0; background:var(--bg); color:var(--text); }
a { color:inherit; text-decoration:none; }
.container { width: min(92%, var(--maxw)); margin: 0 auto; }

nav {
  position: sticky; top:0; background:rgba(11,13,16,.9);
  backdrop-filter: blur(6px); border-bottom:1px solid #1f252c;
  z-index: 50;
}
.nav-inner { display:flex; justify-content:space-between; align-items:center; padding:14px 0; }
.nav-links a { margin-left:14px; color:var(--muted); font-weight:600; }
.nav-links a:hover { color:var(--text); }

.hero { padding: 70px 0 30px; display:grid; gap:18px; }
.hero h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height:1.1; }
.hero p { color:var(--muted); font-size: clamp(1rem, 2vw, 1.2rem); }

.btn-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.btn {
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  border:none; color:#050608; font-weight:800; padding:12px 16px;
  border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; gap:8px;
}
.btn.ghost {
  background:transparent; border:1px solid #27303a; color:var(--text); font-weight:700;
}

.section { padding: 30px 0; }
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:14px; }

.card {
  background:var(--card); border:1px solid #20262e; border-radius:var(--radius);
  padding:16px; box-shadow: 0 8px 30px rgba(0,0,0,.25);
}
.card h3, .card h2 { margin-top:0; }
.card p { color:var(--muted); margin:0 0 10px; }

.offer {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:14px; border-radius:14px; background:#0f1419; border:1px dashed #2a333d;
}

footer { padding:40px 0; color:var(--muted); border-top:1px solid #1f252c; margin-top:30px; }

input, select {
  width:100%; padding:12px; border-radius:12px; border:1px solid #26303a;
  background:#0e1216; color:var(--text);
}
label { font-size:.9rem; color:var(--muted); }
form { display:grid; gap:10px; }
.small { font-size:.9rem; color:var(--muted); }