:root{
  --bg:#071129; --panel:#0a1833; --card:#0e1f44; --accent:#ffd21f; --accent2:#4da3ff; --ink:#0b0b0b;
  --text:#f7f9fe; --muted:#b9c6de; --border:#1c3470; --shadow:0 14px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial}
a{color:var(--accent)}a:hover{text-decoration:underline}
.container{width:min(1120px,92%);margin:auto}
.header{position:sticky;top:0;background:linear-gradient(180deg,rgba(7,17,41,.95),rgba(7,17,41,.88)), radial-gradient(800px 300px at 20% -50%, rgba(77,163,255,.15), transparent);border-bottom:1px solid var(--border);backdrop-filter:saturate(160%) blur(8px);z-index:50}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{display:flex;align-items:center;gap:0.8rem;color:var(--text)}
.logo__img{height:64px;width:auto;border-radius:10px;box-shadow:var(--shadow)}
.footer__logo{height:48px;width:auto;border-radius:8px;box-shadow:var(--shadow)}
.logo__text{font-weight:900;letter-spacing:.2px;opacity:.95}
.nav{display:flex;align-items:center;gap:1rem}
.nav a{padding:.55rem .8rem;border-radius:10px;border:1px solid transparent}
.nav a:hover{background:#0f244f;border-color:#234892}
.nav__toggle{display:none;background:transparent;border:0;color:var(--text);font-size:1.6rem}
.banner{border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.95rem;padding:.45rem 0}

.btn{display:inline-block;padding:.9rem 1.15rem;border-radius:14px;background:#0f2a55;color:var(--text);border:1px solid #1a3c78;box-shadow:var(--shadow);font-weight:800}
.btn--cta{background:var(--accent);color:var(--ink);border-color:#ffd21f}
.btn--dark{background:#0f203f;border-color:#1c3f7a}
.btn--outline{background:transparent;border-color:#ffd21f}
.btn--glow{box-shadow:0 0 0 5px rgba(255,210,31,.18), var(--shadow)}
.pill{display:inline-block;padding:.4rem .8rem;border-radius:999px;border:1px solid #3056a6;background:#0e244d;color:#fff;font-weight:900;letter-spacing:.3px}
.pill--gold{background:linear-gradient(180deg,#ffe24c,#ffc400);color:#0b0b0b;border-color:#ffdb3b}

.hero{padding:70px 0;position:relative;overflow:hidden}
.hero--vivid{background:
  radial-gradient(850px 300px at 15% -8%, rgba(77,163,255,.24), transparent),
  radial-gradient(900px 300px at 85% -10%, rgba(255,210,31,.22), transparent),
  linear-gradient(180deg, #0a1833, #071129);
}
.hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}
h1{font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.08;margin:.4rem 0 1rem;text-shadow:0 6px 22px rgba(0,0,0,.4)}
.lead{color:var(--muted)}
.card{background:linear-gradient(180deg, rgba(18,39,84,.75), rgba(14,31,68,.9));border:1px solid var(--border);border-radius:18px;padding:1.2rem}
.card--glass{backdrop-filter: blur(6px)}
.shadow{box-shadow:var(--shadow)}.shadow-xl{box-shadow:0 18px 48px rgba(0,0,0,.55)}

.features{padding:28px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feature h4{margin:.2rem 0 .4rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
.promo{background:linear-gradient(180deg,#102554,#0d1d40)}

.bullets{padding-left:1rem} .bullets li{margin:.4rem 0}
.checks{list-style:"✔  ";padding-left:1rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}

.reviews blockquote{background:var(--card,#0e1f44);border:1px solid var(--border);border-radius:14px;padding:1rem;margin:.8rem 0}
.center{text-align:center;margin:1.2rem 0}
.cta{margin-top:28px;background:radial-gradient(600px 180px at 50% 0%, rgba(255,210,31,.16), transparent)} 
.cta__inner{display:flex;gap:.9rem;align-items:center;justify-content:center;padding:28px 0}

.footer{margin-top:56px;border-top:1px solid var(--border);background:#0a1833}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:1.2rem 0;align-items:start}
.footer__brand{font-size:1.1rem;font-weight:900;margin-bottom:.3rem}
.footer__brandblock{display:flex;gap:.8rem;align-items:center}
.badge{display:inline-block;padding:.35rem .6rem;border-radius:10px;border:1px solid #2a4f90;background:#0e2244}
.badge--gold{background:linear-gradient(180deg,#ffe24c,#ffc400);color:#0b0b0b;border-color:#ffdb3b;font-weight:900}
.footer__bottom{text-align:center;color:var(--muted);padding:.8rem 0;border-top:1px solid var(--border);font-size:.9rem}

.form{--gap:1rem;display:grid;gap:var(--gap)}
.form--grid{grid-template-columns:1fr 1fr;grid-auto-flow:row;align-items:start}
.form__item{display:flex;flex-direction:column;gap:.35rem}
.form__item--full{grid-column:1 / -1}
.form__actions{display:flex;gap:1rem;align-items:center;margin-top:.3rem}
.form input,.form textarea{width:100%;padding:.8rem .85rem;border-radius:12px;border:1px solid #2a4f90;background:#0b1c36;color:#fff;font-size:1rem}
.form input::placeholder,.form textarea::placeholder{color:#9fb0c9}
.hp{display:none !important}

@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .nav.open{display:flex;position:absolute;top:64px;right:4%;background:#0a1833;border:1px solid #234892;border-radius:12px;padding:.6rem;flex-direction:column}
  .nav__toggle{display:block}
  .logo__text{display:none}
}
@media (max-width:560px){ .cards{grid-template-columns:1fr} }