:root{--bg:#0a0c10;--bg2:#10141c;--card:#141a24;--border:#1f2937;--text:#e5eaf2;--muted:#8b96a8;--accent:#ff5c33;--accent2:#ffb347;--ok:#2fd47a;--warn:#ffc93c;--down:#ff4d5e}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(10,12,16,.75);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-weight:800;font-size:20px;letter-spacing:-.5px}.brand span{color:var(--accent)}.nav-links{display:flex;gap:28px;font-size:14px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#14100c;box-shadow:0 4px 24px rgba(255,92,51,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,92,51,.5)}.btn-ghost{border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--muted)}.hero{padding:110px 0 90px;position:relative;overflow:hidden}.hero-badge{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg2);color:var(--muted);font-size:13px;margin-bottom:24px}.hero h1{font-size:clamp(40px,6vw,68px);line-height:1.05;font-weight:900;letter-spacing:-2px}.hero h1 .grad{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{margin-top:20px;font-size:18px;color:var(--muted);max-width:560px;line-height:1.6}.hero-cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}.hero-canvas{position:absolute;right:-80px;top:40px;width:480px;height:480px;pointer-events:none;opacity:.8}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding:30px 0 70px}.stat{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:22px}.stat b{font-size:28px;display:block}.stat span{color:var(--muted);font-size:13px}section.block{padding:80px 0}section.block h2{font-size:34px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}section.block p.sub{color:var(--muted);max-width:600px;margin-bottom:44px;line-height:1.6}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:26px;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#33415c;transform:translateY(-3px)}.card .icon{font-size:26px;margin-bottom:14px}.card h3{font-size:17px;margin-bottom:8px}.card p{color:var(--muted);font-size:14px;line-height:1.55}.tiers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.tier{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:30px;position:relative}.tier.hot{border-color:var(--accent)}.tier .tag{position:absolute;top:-12px;left:28px;background:var(--accent);color:#14100c;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.tier h3{font-size:18px}.tier .price{font-size:34px;font-weight:900;margin:14px 0 4px}.tier .price small{font-size:14px;color:var(--muted);font-weight:500}.tier ul{list-style:none;margin:20px 0 26px;display:grid;grid-gap:10px;gap:10px}.tier li{font-size:14px;color:var(--muted);padding-left:22px;position:relative}.tier li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}.status-node{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:20px 24px;margin-bottom:12px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:10px}.dot.online{background:var(--ok);box-shadow:0 0 10px var(--ok)}.dot.down{background:var(--down);box-shadow:0 0 10px var(--down)}.dot.unknown{background:var(--warn)}.auth-wrap{max-width:400px;margin:90px auto}.auth-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:34px}.auth-card h2{margin-bottom:6px}.auth-card p.hint{color:var(--muted);font-size:13px;margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-size:14px;outline:none}.field input:focus{border-color:var(--accent)}.err{color:var(--down)}.err,.ok-msg{font-size:13px;margin:8px 0}.ok-msg{color:var(--ok)}.dash{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.dash-side{border-right:1px solid var(--border);background:var(--bg2);padding:24px 16px}.dash-side a{display:block;padding:10px 14px;border-radius:10px;color:var(--muted);font-size:14px;margin-bottom:4px}.dash-side a.active,.dash-side a:hover{background:var(--card);color:var(--text)}.dash-main{padding:36px 40px}.dash-main h1{font-size:26px;margin-bottom:24px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:10px 12px}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:12px;font-size:14px}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.owner{background:#3b2f14;color:var(--accent2)}.badge.admin{background:#14263b;color:#6db3ff}.badge.reseller{background:#163326;color:var(--ok)}.badge.vip{background:#2b1a33;color:#cf8bff}.badge.active{background:#163326;color:var(--ok)}.badge.disabled,.badge.down{background:#3b1420;color:var(--down)}.badge.online{background:#163326;color:var(--ok)}.footer{border-top:1px solid var(--border);padding:28px 0;margin-top:40px;font-size:13px}.footer,.footer .powered{color:var(--muted)}.footer .powered b{color:var(--text)}@media (max-width:860px){.dash,.grid-3,.stats,.tiers{grid-template-columns:1fr}.dash-side{display:flex;overflow-x:auto}.hero-canvas,.nav-links{display:none}}