:root{--pink:#ff2d95;--pink2:#ff6bc0;--bg:#07070d;--bg2:#0d0d17;--card:#12121e;--line:#26263a;--txt:#e8e8f2;--mut:#9a9ab0}
*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--txt);font-family:Inter,-apple-system,'Segoe UI',Roboto,sans-serif;min-height:100vh;
background-image:linear-gradient(rgba(255,45,149,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,45,149,.04) 1px,transparent 1px);background-size:42px 42px}
a{color:inherit;text-decoration:none}.btn{display:inline-block;background:var(--pink);color:#fff;padding:13px 30px;border-radius:10px;font-weight:700;letter-spacing:.4px;border:none;cursor:pointer;font-size:15px;transition:.15s}.btn:hover{background:var(--pink2);box-shadow:0 0 28px rgba(255,45,149,.45)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--txt)}.btn.ghost:hover{border-color:var(--pink);box-shadow:none}.btn.sm{padding:8px 16px;font-size:13px;border-radius:8px}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;position:sticky;top:0;background:rgba(7,7,13,.85);backdrop-filter:blur(10px);z-index:10;border-bottom:1px solid var(--line)}.logo{font-weight:900;font-size:19px;letter-spacing:1px}.logo b{color:var(--pink)}
.hero{text-align:center;padding:72px 6vw 40px}.hero img{width:min(880px,92%);border-radius:16px;border:1px solid var(--line);box-shadow:0 0 60px rgba(255,45,149,.18)}
.hero h1{font-size:clamp(30px,5.5vw,56px);font-weight:900;margin:34px 0 14px;letter-spacing:1px}.hero h1 span{color:var(--pink);text-shadow:0 0 30px rgba(255,45,149,.6)}
.hero p{color:var(--mut);max-width:620px;margin:0 auto 28px;font-size:17px;line-height:1.6}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:40px 6vw 80px;max-width:1200px;margin:0 auto}
.feat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px}.feat h3{color:var(--pink);font-size:16px;margin-bottom:8px}.feat p{color:var(--mut);font-size:14px;line-height:1.55}
footer{text-align:center;color:var(--mut);font-size:13px;padding:30px;border-top:1px solid var(--line)}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:38px;width:min(430px,94vw)}.card h2{font-size:24px;margin-bottom:6px}.card h2 b{color:var(--pink)}.card .sub{color:var(--mut);font-size:14px;margin-bottom:22px}
input,textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--txt);padding:12px 14px;border-radius:10px;font-size:15px;margin-bottom:12px;font-family:inherit}input:focus{outline:none;border-color:var(--pink);box-shadow:0 0 18px rgba(255,45,149,.25)}label{display:block;font-size:12px;color:var(--mut);margin:10px 0 6px;letter-spacing:.5px;text-transform:uppercase}.err{color:#ff5d7a;font-size:13px;min-height:18px;margin:4px 0}.ok{color:#4ade80}.btn.full{width:100%}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,7,13,.9);backdrop-filter:blur(8px)}
.wrap{max-width:1000px;margin:0 auto;padding:30px 5vw 80px}.bots{display:grid;gap:16px;margin-top:20px}.bot{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.bot .nm{font-weight:700;font-size:17px}.bot .meta{color:var(--mut);font-size:13px;margin-top:4px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge.online{background:rgba(74,222,128,.15);color:#4ade80}.badge.offline{background:rgba(255,93,122,.15);color:#ff5d7a}.badge.stopped{background:rgba(154,154,176,.15);color:var(--mut)}.acts{display:flex;gap:8px;flex-wrap:wrap}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:50}.modal.open{display:flex}.modal .box{background:var(--card);border:1px solid var(--line);border-radius:14px;width:min(760px,94vw);max-height:82vh;display:flex;flex-direction:column;padding:20px}.modal pre{background:#05050a;border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto;flex:1;font-size:12.5px;line-height:1.5;color:#c9f5ff;white-space:pre-wrap}
.empty{color:var(--mut);text-align:center;padding:60px 0;border:1px dashed var(--line);border-radius:14px}