:root { --bg:#0b1220; --fg:#e7ecf4; --muted:#9bb0c9; --brand:#6ad3ff; --accent:#3de2a1; --card:#111a2d; }
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--brand);text-decoration:none} .wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;backdrop-filter:saturate(180%) blur(8px);background:rgba(11,18,32,.8);border-bottom:1px solid #1e2a45;z-index:5}
.site-header .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700} .brand span{font-size:1.1rem}
nav a{margin:0 10px;color:var(--muted)}
.hero{padding:56px 0;background:radial-gradient(1200px 800px at 10% -10%, #133058 0%, transparent 60%)}
.hero h1{font-size:2.2rem;margin:.2em 0} .hero .cta{padding:14px 24px;border:0;border-radius:14px;background:linear-gradient(45deg,var(--brand),var(--accent));color:#001b2a;font-weight:800;cursor:pointer}
.sub{color:var(--muted);font-size:.9rem} .offers{padding:32px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid #1f2a46;border-radius:16px;padding:18px;min-height:180px}
.card h3{margin:.2em 0 .6em 0} .pill{display:inline-block;background:#0ed4a8;color:#042b29;border-radius:999px;padding:6px 10px;font-weight:700;margin-bottom:10px}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid #2b3b65;background:#0b162c;color:var(--fg);cursor:pointer}
.how{padding:32px 0;background:#0c162a;border-top:1px solid #1b2844;border-bottom:1px solid #1b2844}
.lead{padding:32px 0} .lead-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;max-width:520px}
.lead-form label{grid-column:1/-1;color:var(--muted);font-size:.9rem} .lead-form input{padding:12px;border-radius:10px;border:1px solid #243357;background:#0b162c;color:#fff}
.lead-form button{padding:12px 18px;border-radius:10px;border:0;background:linear-gradient(45deg,var(--brand),var(--accent));color:#00202e;font-weight:800;cursor:pointer}
small{color:var(--muted)} .toast{padding:10px 12px;border-radius:10px;margin:8px 0} .toast.success{background:#123d2d;color:#9affce;border:1px solid #2a6e5f} .toast.error{background:#3d1212;color:#ffd0d0;border:1px solid #6e2a2a}
.table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}
.table th,.table td{border-bottom:1px solid #203055;padding:8px 10px;text-align:left} .table th{color:#a9c1df;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}
.site-footer{border-top:1px solid #1b2844;padding:18px 0;color:var(--muted)}