
:root{--bg:#020806;--card:#0d0f0e;--text:#fff;--muted:#b9c2bd;--green:#20e86a;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 30% 0,rgba(32,232,106,.16),transparent 34%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 6%;background:rgba(2,8,6,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand img{height:48px;border-radius:12px}.nav nav{display:flex;gap:18px;color:var(--muted);font-size:15px;flex-wrap:wrap}.nav a:hover{color:var(--green)}
.btn{display:inline-block;background:var(--green);color:#041008;font-weight:900;padding:14px 24px;border-radius:999px;border:0;cursor:pointer;text-align:center}.btn.small{padding:10px 18px;white-space:nowrap}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.full{width:100%;margin-top:14px}
.hero{padding:72px 6% 48px;text-align:center}.hero-logo{max-width:220px;width:55%;border-radius:18px;margin-bottom:22px;box-shadow:0 0 60px rgba(32,232,106,.18)}
.eyebrow{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:13px}h1{font-size:clamp(48px,9vw,96px);line-height:.92;margin:18px 0}h2{font-size:clamp(32px,5vw,58px);margin:8px 0 18px}h3{font-size:24px;margin:0 0 12px}.sub{max-width:780px;margin:0 auto 26px;color:var(--muted);font-size:22px;line-height:1.6}.league-row{font-size:22px;margin:18px 0 26px}
main{padding:0 6% 60px}.section{padding:70px 0}.section p{color:var(--muted);line-height:1.7;font-size:18px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.risk{color:var(--muted);font-size:14px;margin-top:22px}
.cards,.steps,.grid,.status{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,1fr);margin:25px 0 35px}.card,.panel,.vote-box,.token-box,.step,.rule,.status-item{background:rgba(13,15,14,.9);border:1px solid var(--line);border-radius:26px;padding:26px}.card span{color:var(--muted);display:block;margin-bottom:12px}.card strong{font-size:24px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.steps{grid-template-columns:repeat(4,1fr);margin-top:28px}.step strong{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:#031006;margin-bottom:18px;font-size:22px}.grid{grid-template-columns:repeat(3,1fr)}.status{grid-template-columns:repeat(5,1fr)}
.bar{height:44px;background:#070807;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:12px 0}.bar span{height:100%;display:flex;align-items:center;min-width:max-content;padding:0 16px;background:var(--green);color:#031006;font-weight:900}
.vote-option{display:block;width:100%;margin:12px 0;padding:18px;border-radius:18px;border:1px solid var(--line);background:#08120e;color:var(--text);font-weight:800;text-align:left}.progress{height:22px;background:#050706;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:8px 0 20px}.progress span{display:block;height:100%;background:var(--green)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px}table{width:100%;border-collapse:collapse;background:rgba(13,15,14,.9)}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--green)}
.rules{display:grid;gap:14px}.rule strong{color:var(--green);margin-right:8px}.final{text-align:center;background:linear-gradient(135deg,rgba(32,232,106,.13),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:30px;padding-left:24px;padding-right:24px}
footer{display:flex;justify-content:space-between;gap:18px;padding:30px 6%;border-top:1px solid var(--line);color:var(--muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:900px){.nav{justify-content:center;flex-wrap:wrap}.nav nav{justify-content:center}.cards,.steps,.grid,.split,.status{grid-template-columns:1fr}.hero{padding-top:48px}.hero-logo{max-width:160px}.sub{font-size:20px}}
