:root{
  --bg:#0a0526; --ink:#100838; --card:#160a44;
  --cyan:#22e6ff; --magenta:#ff3fb4; --gold:#ffd700; --text:#e9e4ff; --muted:#b6abe0;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text); line-height:1.6;
  background:
    radial-gradient(circle at 50% -10%,rgba(255,63,180,.22),transparent 55%),
    radial-gradient(circle at 50% 120%,rgba(34,230,255,.20),transparent 55%),
    var(--bg);
  min-height:100vh; padding:32px 18px 60px;
}
.wrap{max-width:720px; margin:0 auto;}
header{text-align:center; margin-bottom:28px;}
.logo{
  font-weight:800; font-size:clamp(34px,9vw,52px); letter-spacing:1px; line-height:1;
  background:linear-gradient(180deg,#22e6ff,#ff3fb4 55%,#ffc21f);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.tagline{color:var(--muted); font-size:15px; margin-top:6px;}
.card{
  background:rgba(22,10,68,.66); border:1px solid rgba(255,255,255,.08);
  border-radius:18px; padding:26px 22px; margin-top:20px;
  backdrop-filter:blur(4px);
}
h1{font-size:clamp(22px,5vw,30px); margin-bottom:6px;}
h2{font-size:18px; margin:22px 0 8px; color:var(--cyan);}
p,li{color:var(--text); font-size:15.5px;}
ul{margin:6px 0 6px 22px;}
li{margin:4px 0;}
a{color:var(--cyan); text-decoration:none;}
a:hover{text-decoration:underline;}
.muted{color:var(--muted); font-size:13.5px;}
.btnrow{display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:18px;}
.btn{
  display:inline-block; padding:12px 22px; border-radius:999px; font-weight:700;
  background:linear-gradient(90deg,#22e6ff,#ff3fb4); color:#0a0526;
}
.foot{text-align:center; color:var(--muted); font-size:13px; margin-top:30px;}
.email{font-weight:700;}