:root{
  --bg:#0b1214; --text:#e8f1f0; --muted:#a9b9b6;
  --teal:#36d7b7; --blue:#2891ff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:
    radial-gradient(1200px 800px at 8% -10%, rgba(40,145,255,.10), transparent 60%),
    radial-gradient(900px 540px at 95% 10%, rgba(54,215,183,.10), transparent 60%),
    #0b1214;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
.wrap{max-width:980px;margin:0 auto;padding:48px 20px 32px;min-height:100dvh;display:flex;flex-direction:column}
.brand{margin-top:6px;margin-bottom:10px}
.logo{height:40px;width:auto;display:block}
.accent{height:8px;width:220px;border-radius:6px;margin:18px 0 26px;background:linear-gradient(90deg,var(--teal),var(--blue));box-shadow:0 0 18px rgba(40,145,255,.25)}
.hero{max-width:840px}
h1{font-size:clamp(34px,5.6vw,64px);line-height:1.06;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}
.sub{font-size:clamp(18px,2.3vw,22px);color:var(--muted);margin:0 0 28px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{padding:14px 20px;border-radius:14px;text-decoration:none;color:var(--text);font-weight:600;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.btn.primary{background:linear-gradient(180deg,#0f2a31,#0e2024);border-color:rgba(54,215,183,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.35)}
.btn:hover{transform:translateY(-1px);transition:.15s all ease}
.foot{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:26px;border-top:1px solid rgba(255,255,255,.06);color:#9fb0b7;font-size:14px}
.sep{opacity:.6}