:root{
  --bg:#0b0f12;
  --card:#111723;
  --text:#e7ecf3;
  --muted:#97a4b3;
  --border:#1f2b3a;
  --accent:#3fb589;
  --accent-2:#7cc7f6;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
a{color:var(--accent-2);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1100px;margin:0 auto;padding:16px}
.container.small{max-width:900px}

.row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand img{height:28px;width:auto;display:block;filter:drop-shadow(0 0 0 #0000)}
nav a{margin:0 8px;padding:8px 10px;border-radius:10px}
nav a:hover{background:#0f1520}

header{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(11,15,18,.8);backdrop-filter:blur(8px);z-index:10}
.footer{border-top:1px solid var(--border);margin-top:24px;padding:18px 0;color:var(--muted);text-align:center}

.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.badge{display:inline-block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.25rem .5rem;border-radius:999px;margin-bottom:10px}
.price{font-size:1.8rem;font-weight:800;margin:6px 0 10px 0}
.small{color:var(--muted);font-size:.95rem}

.btn{display:inline-block;padding:10px 14px;border:1px solid var(--border);border-radius:12px}
.btn-primary{background:var(--accent);color:#07140f;border-color:transparent;font-weight:700}
.btn-primary:hover{filter:brightness(1.05)}

.hero{margin-top:16px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0f1625 0%,#0b0f12 55%,#0b0f12 100%)}
.hero-inner{padding:36px}
.hero h1{font-size:2.2rem;line-height:1.2;margin:0 0 8px 0}
.hero p{color:var(--muted);max-width:820px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.kicker{display:inline-block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:.25rem .5rem;border-radius:999px;margin-bottom:10px}

.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left}
.table th{color:var(--muted);font-weight:600}

.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}
input,textarea,select{background:#0c131e;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none}
input:focus,textarea:focus,select:focus{border-color:#335980;box-shadow:0 0 0 3px rgba(124,199,246,.15)}

.note{color:var(--muted);font-size:.9rem;margin-top:6px}
.success{color:#74dfa8}
.warn{color:#ffb84d}
.error{color:#ff7a7a}