:root{--bg:#6a5ae0;--deep:#3b2a9e;--card:#fff;--ink:#22204a;--pink:#ff4fa3;--blue:#3d7cff;--soft:#5f5d80}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(circle at 50% 0,#9fb4ff 0,var(--bg) 45%,var(--deep) 100%) fixed;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
a{color:var(--blue)}
.logo{display:block;width:min(560px,86%);margin:28px auto 0}
.wrap{max-width:780px;margin:12px auto 48px;padding:0 16px}
.card{background:var(--card);border-radius:22px;padding:28px 28px 24px;box-shadow:0 12px 40px #0008}
.brand{display:flex;gap:18px;align-items:center;margin-bottom:8px}
.brand img{width:96px;height:96px;border-radius:22px;box-shadow:0 4px 14px #0004}
h1{margin:0;font-size:30px}
h2{font-size:20px;margin:28px 0 6px;border-left:5px solid var(--pink);padding-left:10px}
.tag{color:var(--soft);margin:2px 0 0}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.btn{display:inline-block;background:linear-gradient(#5fd35a,#2fa52f);color:#fff;text-decoration:none;padding:10px 20px;border-radius:24px;font-weight:700}
.btn.alt{background:var(--ink)}
ul{padding-left:22px}
.foot{color:#c9c8ef;text-align:center;font-size:14px;margin-top:22px}
.small{color:var(--soft);font-size:14px}
@media (max-width:520px){.card{padding:20px 16px}.brand img{width:72px;height:72px}h1{font-size:24px}}