:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#111318;color:#f4f5f7}*{box-sizing:border-box}body{margin:0}header{height:68px;padding:0 max(24px,6vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d333d;background:#16191f}a{color:#9cc3ff;text-decoration:none}.brand{font-size:23px;font-weight:800;color:#fff}nav{display:flex;gap:18px;align-items:center}nav form{margin:0}.button,button{display:inline-block;border:1px solid #3979dd;background:#2765c5;color:#fff;padding:11px 18px;font:inherit;cursor:pointer}.link{border:0;background:none;color:#9cc3ff;padding:0}main{max-width:1120px;margin:0 auto;padding:8vh 24px}.hero{max-width:820px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.03;margin:12px 0}.hero p{color:#aeb5c0;font-size:19px;line-height:1.6}.eyebrow{color:#70a7ff!important;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important}.actions{display:flex;gap:22px;align-items:center;margin-top:30px}.panel{background:#191d24;border:1px solid #303744;padding:28px}.narrow{max-width:520px;margin:auto}.panel form{display:grid;gap:15px}label{display:grid;gap:7px;color:#bbc1ca}input{width:100%;padding:12px;border:1px solid #414957;background:#101217;color:#fff;font:inherit}.error{border-left:3px solid #ef4444;background:#2b181b;color:#fecaca;padding:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.grid article{padding:18px;background:#12151a;border:1px solid #303744}.grid article p{color:#aeb5c0;font-size:13px;overflow-wrap:anywhere}.status{float:right;color:#9ca3af}.status.active{color:#6ee7a0}.connect-server{margin:28px 0;padding:20px;background:#12151a;border:1px solid #303744}.connect-server>p{color:#aeb5c0}.connect-form{display:flex!important;align-items:end;gap:12px!important;max-width:560px}.connect-form label{flex:1}.connect-form input{text-transform:uppercase;letter-spacing:.12em}.success{border-left:3px solid #22c55e;background:#14271c!important;color:#bbf7d0!important;padding:12px}.servers-heading{display:flex;align-items:center;justify-content:space-between}.servers-heading span{font-size:12px;color:#6ee7a0}.server-presence{float:right;color:#9ca3af;font-size:12px}.server-presence.online{color:#6ee7a0}.grid dl{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:14px 0 0;font-size:13px}.grid dt{color:#7f8793}.grid dd{margin:0;color:#c8cdd5;overflow-wrap:anywhere}.grid code{font-size:11px}.servers-empty{color:#aeb5c0}@media(max-width:600px){.connect-form{display:grid!important}}