:root{--purple:#7a3fb8;--deep:#2a0b45;--pink:#ff4fa3;--cream:#fff7fb;--ink:#2b1640}
*{box-sizing:border-box}
body{margin:0;font-family:"Lilita One","Baloo Bhaijaan 2",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--purple),var(--deep));color:var(--cream);min-height:100vh}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 48px}
.hero{text-align:center}
.hero img.logo{width:min(420px,90%);height:auto}
.hero img.mascot{width:180px;height:auto;margin-top:8px}
h1,h2{font-family:"Lilita One",system-ui,sans-serif;letter-spacing:.5px}
.card{background:var(--cream);color:var(--ink);border-radius:24px;padding:24px 22px;margin-top:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
.card h2{color:var(--purple);margin-top:0}
a{color:var(--pink)}
.btn{display:inline-block;background:#37d67a;color:#fff;text-decoration:none;padding:14px 28px;border-radius:999px;font-family:"Lilita One",system-ui,sans-serif;font-size:20px;box-shadow:0 6px 0 #1e9a53;margin:8px}
footer{text-align:center;opacity:.8;margin-top:28px;font-family:system-ui,sans-serif;font-size:14px}
[dir=rtl] .card{text-align:right}