:root{--bg:#1A0B3D;--bg2:#2B0F5C;--card:rgba(255,255,255,.06);--ink:#FFFFFF;--text:#E9E2FF;--muted:#B4A6E0;--accent:#FF2E88;--accent2:#FFD600;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);background-image:radial-gradient(900px 500px at 15% -10%,rgba(255,46,136,.35),transparent 60%),radial-gradient(800px 500px at 110% 10%,rgba(0,217,255,.25),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));background-attachment:fixed;color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px 96px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:30px;letter-spacing:-.5px;margin-bottom:28px;text-decoration:none;background:linear-gradient(90deg,#FFD600,#FF7A00,#FF2E88,#9B3DFF,#00D9FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.blocks{display:grid;grid-template-columns:18px 18px;gap:4px}
.blocks i{display:block;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 3px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.25),0 0 12px currentColor}
.blocks i:nth-child(1){background:#FF2E88;color:#FF2E88}.blocks i:nth-child(2){background:#FFD600;color:#FFD600}.blocks i:nth-child(3){background:#2EE86B;color:#2EE86B}.blocks i:nth-child(4){background:#00D9FF;color:#00D9FF}
h1{font-size:34px;line-height:1.2;margin:8px 0 18px;font-weight:900}
.boom{background:linear-gradient(90deg,#FFD600,#FF7A00,#FF2E88);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:19px;margin:30px 0 8px}
h3{font-size:16px;margin:18px 0 6px}
p,li{font-size:15.5px;color:var(--text)}
ul{padding-left:20px;margin:6px 0 12px}
li{margin:4px 0}
a{color:#FF6FB0;text-decoration:none}a:hover{text-decoration:underline}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0}
.btn{display:inline-block;background:linear-gradient(180deg,#FF5AA3,#FF2E88);color:#fff;font-weight:800;padding:12px 20px;border-radius:14px;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),inset 0 -4px 0 rgba(0,0,0,.2),0 6px 24px rgba(255,46,136,.45)}
.muted{color:var(--muted);font-size:14px}
nav.lang{float:right;font-size:14px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
footer a{margin-right:14px}