*,*::before,*::after{box-sizing:border-box}
.landing{min-height:100dvh;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(1100px 600px at 50% 0%,#1a2136,#07090f);color:#eef1f8;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center}
.hero h1{font-size:clamp(38px,8vw,84px);margin:0 0 8px;
  background:linear-gradient(90deg,#7c5cff,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#9aa4bd;font-size:clamp(15px,2.4vw,20px)}
.btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn{text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:14px;
  padding:14px 24px;font-weight:800;font-size:16px;cursor:pointer}
.btn-xl{padding:18px 34px;font-size:19px}
.btn-primary{background:linear-gradient(135deg,#7c5cff,#5b8cff);color:#fff}
.btn-ghost{background:#ffffff12;color:#eef1f8;border:1px solid #ffffff22}
@media (max-width:480px){.btn-row{flex-direction:column}.btn-xl{width:min(86vw,340px)}}