*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{
  --bg:#080A11;--bg2:#0D1220;--card:#121A2D;--line:#1E2A46;
  --txt:#E8EEFF;--muted:#95A2C6;--pri:#7A5CFF;--ok:#12D18E;--bad:#FF5C7C;
}
body{
  background:radial-gradient(1200px 700px at 80% -10%,#1b2450 0%,var(--bg) 50%),var(--bg);
  color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;
}
a{color:#B7C5FF;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;background:rgba(8,10,17,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:99}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-family:Orbitron,sans-serif;font-weight:700;color:#fff}
.nav-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);padding:8px;border-radius:10px}
.nav-menu{display:flex;gap:14px;align-items:center}
.main{min-height:calc(100vh - 140px)}
.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:36px 16px}
.hero h1{font-family:Orbitron,sans-serif;font-size:42px;line-height:1.12;margin:0 0 10px}
.accent{color:#A692FF}
.hero-card,.card{background:linear-gradient(180deg,#121A2D,#0F1628);border:1px solid var(--line);border-radius:16px;padding:16px}
.row{display:flex;gap:10px}.between{justify-content:space-between}
.cta-row{display:flex;gap:10px;margin:18px 0}
.btn{display:inline-block;background:linear-gradient(135deg,#7A5CFF,#4C78FF);color:#fff;padding:10px 14px;border-radius:12px;border:none;cursor:pointer}
.btn:hover{filter:brightness(1.06)}
.btn-outline{background:transparent;border:1px solid var(--line)}
.btn-sm{padding:8px 10px;font-size:14px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:30px}
.features article{background:var(--card);border:1px solid var(--line);padding:16px;border-radius:14px}
.page{padding:28px 16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.chart-placeholder{height:220px;border:1px dashed #345;background:#0c1323;border-radius:10px;display:grid;place-items:center;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.stats-grid>div{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:12px}
.stats-grid strong{display:block;font-size:22px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
label{display:block;margin-bottom:10px}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid var(--line);background:#0c1323;color:#fff}
.alert{background:#2a1630;border:1px solid #703d85;color:#f3d6ff;padding:10px;border-radius:10px;margin:8px 0}
.proposal{padding:10px 0;border-bottom:1px solid var(--line)}
.vote-row{display:flex;gap:8px;align-items:center;margin-top:8px}
.site-footer{border-top:1px solid var(--line);padding:20px 0;margin-top:28px;color:var(--muted)}
.auth{max-width:560px}.auth-card{padding:18px}
@media (max-width:980px){
  .hero,.grid-2,.grid-3,.features,.stats-grid{grid-template-columns:1fr}
  .nav-toggle{display:block}
  .nav-menu{display:none;position:absolute;top:64px;right:16px;background:#0e1628;border:1px solid var(--line);padding:12px;border-radius:12px;flex-direction:column;align-items:flex-start}
  .nav-menu.open{display:flex}
}