:root{--bg:#0b0f12;--text:#e6f0f3;--brand:#23b4a6;--accent:#8af0e6;--muted:#9fb9c6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
.container{max-width:1140px;margin:0 auto;padding:24px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:rgba(11,15,18,.95);position:sticky;top:0;border-bottom:1px solid #123}
.brand{display:flex;gap:10px;align-items:center}.brand img{width:42px;height:42px;border-radius:10px}
a{color:var(--accent);text-decoration:none}
.card{background:#0e1419;border:1px solid #1a2b33;border-radius:16px;padding:24px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:48px 0}.h1{font-size:42px}.h2{font-size:28px}.h3{font-size:22px}
.badge{display:inline-block;padding:4px 10px;border:1px solid #1a2b33;border-radius:999px;color:var(--muted);font-size:.85rem;margin-bottom:8px}
.notice{padding:12px;border-left:3px solid var(--brand);background:#0c1317;border-radius:6px}
.footer{border-top:1px solid #123;margin-top:48px;padding:32px 0;color:#9fb9c6;font-size:.95rem}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid #1a2b33;background:var(--brand);color:#001;transition:.15s transform,.15s background;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.btn:hover{transform:translateY(-1px);background:#26c5b6}.btn.secondary{background:#0f1720;color:#e6f0f3;border-color:#23333b}.btn.ghost{background:transparent;color:var(--accent);border-color:#1a2b33}
.card .actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.badge.cs{background:#102125;border-color:#17313a;color:#9fdedf}.disabled{opacity:.6;pointer-events:none}
small,.small{color:#9fb9c6}.hide{display:none}