:root{--bg:#080617;--pink:#ff4da6;--violet:#7046ff;--green:#36d39b;--yellow:#f0b84b;--red:#ff647b;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:radial-gradient(circle at 80% 5%,rgba(112,70,255,.25),transparent 35%),linear-gradient(145deg,#080617,#180b2b);min-height:100vh}header{height:72px;padding:0 max(22px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,6,23,.8);backdrop-filter:blur(18px)}header>a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}header i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--violet));font-style:normal;font-weight:900}nav{display:flex;gap:20px}nav a{color:rgba(255,255,255,.6);text-decoration:none;font-size:12px}main{width:min(1100px,calc(100% - 30px));margin:auto;padding:70px 0}.hero>span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#ff72bd}.hero h1{font-size:60px;line-height:1.02;letter-spacing:-.05em;margin:18px 0 10px}.hero p{color:rgba(255,255,255,.57)}.global{margin-top:32px;display:grid;grid-template-columns:18px 1fr;gap:6px 12px;align-items:center;padding:20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.global i{grid-row:1/3;width:13px;height:13px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 8px rgba(240,184,75,.1)}.global b{font-size:18px}.global small{color:rgba(255,255,255,.47)}.global.ok i{background:var(--green);box-shadow:0 0 0 8px rgba(54,211,155,.1)}.global.error i{background:var(--red);box-shadow:0 0 0 8px rgba(255,100,123,.1)}.services{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.service{padding:22px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.service-top{display:flex;justify-content:space-between;align-items:center}.service h2{font-size:17px;margin:0}.badge{padding:7px 10px;border-radius:99px;font-size:10px;font-weight:800}.badge.online{color:#57e8b2;background:rgba(54,211,155,.12)}.badge.setup_required,.badge.configured{color:#ffd27c;background:rgba(240,184,75,.12)}.badge.offline,.badge.error{color:#ff9cad;background:rgba(255,100,123,.12)}.service dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0}.service dl div{padding:11px;border-radius:11px;background:rgba(255,255,255,.04)}.service dt{font-size:9px;color:rgba(255,255,255,.4)}.service dd{margin:5px 0 0;font-size:12px}.legend{margin-top:60px}.legend h2{font-size:28px}.legend>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.legend article{display:grid;grid-template-columns:14px 1fr;gap:6px 10px;padding:18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.legend article i{grid-row:1/3;width:11px;height:11px;border-radius:50%}.legend article i.ok{background:var(--green)}.legend article i.setup{background:var(--yellow)}.legend article i.off{background:var(--red)}.legend article span{color:rgba(255,255,255,.48);font-size:11px}footer{padding:24px max(22px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;color:rgba(255,255,255,.42);border-top:1px solid var(--line);font-size:11px}footer button{border:0;color:#fff;background:none;cursor:pointer}@media(max-width:650px){.hero h1{font-size:42px}.services,.legend>div{grid-template-columns:1fr}nav{display:none}}