:root{--ink:#4A1B4D;--soft:#7E5E82;--pink:#FF4F8B;--panel:#FFF7FB;--border:#FF9EC2;--bg1:#56B8FF;--bg2:#FFE3F0}
*{box-sizing:border-box}
body{margin:0;font-family:"Baloo 2",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg1),#A9E1FF 30%,var(--bg2) 60%,#FFD0E4);min-height:100vh;line-height:1.55}
@media (prefers-color-scheme: dark){:root{--ink:#F6E9F7;--soft:#D2BFD6;--panel:#2A1638;--border:#8A3A6E}body{background:linear-gradient(180deg,#1B0E33,#2A1468 40%,#3B1F4F)}}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
h1{font-family:"Lilita One",system-ui,sans-serif;font-weight:400;font-size:2.4rem;line-height:1.1;margin:0 0 4px;color:#FFE14D;text-shadow:0 3px 0 #8A0F3E,0 0 2px #C21D5C}
.sub{color:#fff;font-weight:700;margin:0 0 24px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.card{background:var(--panel);border:4px solid var(--border);border-radius:24px;box-shadow:0 6px 0 #C9578A;padding:20px 22px;margin:0 0 18px}
h2{font-family:"Lilita One",system-ui,sans-serif;font-weight:400;font-size:1.35rem;margin:0 0 8px}
p,li{font-size:1rem}
a{color:#C21D5C;font-weight:700}
nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
nav a{background:#fff;color:#C21D5C;text-decoration:none;border-radius:999px;padding:6px 14px;border:3px solid var(--border)}
small{color:var(--soft)}