main.home{max-width:1000px}
.hero{text-align:center;padding:36px 0 18px;background:radial-gradient(ellipse at 50% 0,rgba(232,163,61,.16),transparent 62%)}
.hero .emblem{border-radius:50%;box-shadow:0 0 70px rgba(232,163,61,.22);margin-bottom:10px}
.hero h1{font-size:clamp(34px,6vw,54px);margin:6px 0 12px;letter-spacing:.3px}
.hero .lead{max-width:40rem}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 10px}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)} .btn.ghost:hover{border-color:var(--accent);filter:none}
.status{display:inline-flex;align-items:center;gap:9px;margin:10px 0 0;padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:#0f1217;color:var(--muted);font-size:14px}
.status .dot{width:9px;height:9px;border-radius:50%;background:#6b7280} .status.on .dot{background:#4caf50;box-shadow:0 0 8px #4caf50} .status.on{color:var(--text)} .status.off .dot{background:#ef5350}
.block{margin:46px 0}
.block>h2{text-align:center;font-size:15px}
.steps{max-width:44rem;margin:12px auto;padding-left:22px;font-size:17px} .steps li{margin:12px 0}
.ip{text-align:center;margin:20px 0} .ip span{color:var(--muted);margin-right:8px} .ip code{font-size:18px;padding:6px 12px}
.ip button{margin-left:8px;font:inherit;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer} .ip button:hover{border-color:var(--accent)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}
.cols article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px} .cols h3{margin:0 0 6px;font-size:17px} .cols p{margin:0;color:var(--muted)}
.center{text-align:center}
.rules{max-width:44rem;margin:12px auto;font-size:17px}
code{font-size:14px}
@media (max-width:560px){.top nav a{margin-left:12px}.steps,.rules{font-size:16px}}