:root{--bg:#0d0820;--bg2:#160b2e;--card:#1d1240cc;--line:#3a2770;--vi:#9b5cff;--vi2:#c79bff;--or:#f2b632;--tx:#ece6ff;--mu:#b4a8d6}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tx);background:radial-gradient(1200px 600px at 70% -10%,#3b1a7a55,transparent),linear-gradient(var(--bg),var(--bg2));min-height:100vh}
a{color:var(--vi2)}a:hover{color:var(--or)}
.top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#0d0820e6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:.5rem;align-items:center;font-weight:800;font-size:1.2rem;color:var(--tx);text-decoration:none;letter-spacing:.5px}.brand img{border-radius:8px}
nav{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}nav a{color:var(--mu);text-decoration:none;padding:.35rem .7rem;border-radius:8px}nav a:hover,nav a.on{color:var(--tx);background:#ffffff12}
main{max-width:1080px;margin:0 auto;padding:1.5rem 1.2rem 3rem}
h1{font-size:2.2rem;margin:.6rem 0 1rem;background:linear-gradient(90deg,var(--vi2),var(--or));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{margin:.2rem 0 .5rem;font-size:1.2rem}
.hero{margin:-1.5rem -1.2rem 2rem;padding:4rem 1.2rem 3rem;text-align:center;background:linear-gradient(#0d0820b3,#0d0820f7 75%),url(img/hero.jpg) center 20%/cover}
.hero-in{max-width:640px;margin:0 auto}.hero h1{font-size:3.4rem;margin:.2rem 0}.logo{border-radius:24px;box-shadow:0 0 40px #9b5cff66}
.tag{color:var(--mu);font-size:1.15rem;margin:0 0 1.5rem}
.ipbox{display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap;margin:.5rem auto;padding:.55rem .8rem;max-width:520px;background:#00000055;border:1px solid var(--line);border-radius:12px}
.ipbox span{font-weight:700;color:var(--or);min-width:4.5rem}.ipbox em{color:var(--mu);font-style:normal}
code{font:600 .95em ui-monospace,Menlo,Consolas,monospace;background:#ffffff14;padding:.1rem .4rem;border-radius:6px;color:#fff}
.copy{cursor:pointer;border:1px solid var(--vi);background:transparent;color:var(--vi2);border-radius:8px;padding:.25rem .6rem;font:inherit;font-size:.85rem}.copy:hover{background:var(--vi);color:#fff}.copy.ok{background:#2fae6a;border-color:#2fae6a;color:#fff}
.btn{display:inline-block;margin:.3rem;padding:.7rem 1.2rem;border-radius:12px;background:linear-gradient(135deg,var(--vi),#6a2ee8);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 6px 20px #6a2ee855;border:0}
.btn:hover{color:#fff;filter:brightness(1.12)}.btn.ghost{background:transparent;border:1px solid var(--vi2);box-shadow:none}.btn.small{padding:.35rem .8rem;margin:0 0 0 .3rem;border-radius:9px}.btn.off{background:#ffffff18;box-shadow:none;color:var(--mu)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}
.grid article,.card,.steps article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem}
.card{margin:1rem 0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.band{margin:2rem 0;padding:1.5rem;text-align:center;border-radius:16px;background:linear-gradient(135deg,#9b5cff33,#f2b63222);border:1px solid var(--line)}
.lead{color:var(--mu);font-size:1.1rem}.note{color:var(--mu);font-size:.92rem}.rules li{margin:.45rem 0}.center{text-align:center}
.votes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1rem 0}
.vote{display:flex;flex-direction:column;gap:.2rem;padding:1rem;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--tx);transition:transform .15s,border-color .15s}
.vote:hover{transform:translateY(-3px);border-color:var(--or);color:var(--tx)}.vote span{color:var(--mu);font-size:.9rem}.vote i{font-style:normal;color:var(--or);font-weight:700}.vote.off{opacity:.55}
img{max-width:100%;height:auto}
footer{border-top:1px solid var(--line);padding:1.5rem 1.2rem;text-align:center;background:#08051a}.partners h3{margin:0 0 .3rem;font-size:1rem}.partners p{margin:0 0 .8rem}.legal{color:var(--mu);font-size:.85rem}
@media(max-width:600px){.hero h1{font-size:2.5rem}h1{font-size:1.8rem}.top{justify-content:center}}