:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;font-family:ui-rounded,-apple-system,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;color:#eef1ff;line-height:1.55;
background:radial-gradient(900px 600px at 10% 0%,rgba(100,80,230,.35),transparent 60%),radial-gradient(900px 700px at 100% 100%,rgba(230,90,180,.25),transparent 60%),linear-gradient(#090d21,#211b4d);min-height:100vh}
main{max-width:760px;margin:0 auto;padding:28px 20px 60px}
a{color:#73d9ff}
.hero{text-align:center;padding:36px 0 18px}
.hero img{width:120px;height:120px;border-radius:27px;box-shadow:0 12px 40px rgba(115,217,255,.35)}
h1{font-size:44px;margin:18px 0 6px;letter-spacing:-.5px;background:linear-gradient(#fff,#73d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:28px;margin:8px 0 4px}
h3{font-size:19px;margin:0 0 4px}
p{margin:6px 0 12px;color:#cdd3f5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0}
.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:16px 18px}
.top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.top img{width:44px;height:44px;border-radius:10px}
.top a{color:#fff;text-decoration:none;font-weight:700;font-size:20px}
.small{font-size:14px;color:#9aa3d6}
footer{text-align:center;color:#8b93c4;font-size:14px;margin-top:40px}
footer a{color:#8b93c4}