:root{
  --bg:#0f1419;--card:#1a2332;--border:#2d3a4f;--text:#e6edf3;--muted:#8b9cb3;--primary:#00b8ff;--primary2:#2d91ff;--danger:#ef4444;--success:#22c55e;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.topbar{position:sticky;top:0;background:rgba(15,20,25,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.brand{color:#fff;font-weight:800;text-decoration:none;font-size:22px}
.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--muted);text-decoration:none}
.nav a:hover{color:#fff}
.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;padding:10px 14px;text-decoration:none;color:#fff;background:#111925}
.pill.primary,.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border:none}
.pill.danger{background:#291419;color:#ffd3d3;border-color:#5f2530}
.hero,.product-hero{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:48px 0}
.hero h1,.product-hero h1{font-size:44px;line-height:1.05;margin:.2em 0}
.eyebrow{display:inline-block;background:#102435;color:#82d8ff;border:1px solid #1c415b;padding:8px 12px;border-radius:999px;font-size:12px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.grid{display:grid;gap:18px}
.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:24px 0}
.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:24px 0}
.card,.sidecard{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.card h3{margin-top:0}
.badge{display:inline-block;background:#112a38;border:1px solid #1d516b;color:#8edcff;border-radius:999px;padding:6px 10px;font-size:12px;margin-bottom:10px}
.price{font-size:34px;font-weight:800;margin-bottom:10px}
.meta,.small{color:var(--muted)}
.form{display:grid;gap:14px;max-width:720px}
.form.compact{max-width:none}
.form label{display:grid;gap:8px;font-size:14px;color:var(--muted)}
.form input,.form select,.form textarea{background:#0e1621;border:1px solid var(--border);border-radius:14px;padding:12px;color:#fff}
.form textarea{min-height:100px;resize:vertical}
.alert{background:#28181b;border:1px solid #5c232a;color:#ffd7dd;padding:14px;border-radius:14px;margin:18px 0}
.alert.success{background:#142419;border-color:#24563a;color:#d8ffe5}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left}
.footer{padding:40px 20px;color:var(--muted)}
@media (max-width: 860px){.hero,.product-hero{grid-template-columns:1fr}.hero h1,.product-hero h1{font-size:34px}}
