:root{
  --bg:#0b0f1a; --card:#11182a; --txt:#e6ecff; --muted:#9bb0ff;
  --accent:#6ea8fe; --accent2:#9d79ff; --ring:rgba(110,168,254,.55);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
  background: radial-gradient(1200px 600px at 10% 10%, #0e1530 0%, var(--bg) 60%), var(--bg);
  color:var(--txt);
  display:flex; flex-direction:column; gap:16px;
}
.wrap{max-width:980px; padding:24px; width:100%; margin:0 auto}
.hero{padding:28px}
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.30);
}
.badges{display:flex; gap:8px; flex-wrap:wrap; margin:4px 0 12px}
.badge{font-size:12px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03)}
h1{font-size:clamp(28px,5vw,48px); line-height:1.05; margin:0 0 12px; letter-spacing:-.02em}
p.lead{font-size:clamp(16px,2.2vw,20px); color:var(--muted); margin:0 0 18px}
.cta{display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:12px 0 18px}
.btn{
  appearance:none; border:0; padding:14px 18px; border-radius:14px;
  font-weight:700; cursor:pointer; text-decoration:none; color:#0b0f1a;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  box-shadow:0 8px 20px rgba(109,168,254,.35);
}
.btn:hover{transform:translateY(-1px)}
.btn.secondary{background:transparent; color:var(--txt); border:1px solid rgba(255,255,255,.16)}
.small{font-size:12px; color:var(--muted)}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-top:12px}
.card2{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:16px}
.foot{opacity:.9; font-size:12px; margin:0 auto 24px; text-align:center; color:var(--muted)}
.skip{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;}
.skip:focus{left:16px; top:16px; width:auto; height:auto; padding:8px 10px; background:#fff; color:#000; border-radius:8px; outline:3px solid var(--ring)}
a:focus, button:focus{outline:3px solid var(--ring); outline-offset:2px; border-radius:10px}