:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f5f7ff;background:#070911}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 25% -10%,#172347 0,transparent 36%),radial-gradient(circle at 90% 30%,#21143a 0,transparent 30%),#070911;overflow-x:hidden}.glow{position:fixed;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none}.glow.one{width:440px;height:440px;background:#526cff;left:-220px;top:25%}.glow.two{width:360px;height:360px;background:#9c4dff;right:-180px;bottom:-100px}header{height:76px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#080a12aa;backdrop-filter:blur(22px);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:750}.brand small{font-size:9px;color:#778099;letter-spacing:.14em;border-left:1px solid #313748;padding-left:12px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#758cff,#7548e7);box-shadow:0 10px 30px #5b56db55}.relay,.connection{display:flex;align-items:center;gap:9px;color:#9ba6bb;font-size:12px}.relay i,.connection i{width:8px;height:8px;background:#38d99b;border-radius:50%;box-shadow:0 0 14px #38d99b}main{max-width:1180px;margin:auto;padding:70px 28px;position:relative}.panel{border:1px solid #ffffff12;background:linear-gradient(145deg,#111622dd,#0b0f19dd);border-radius:20px;box-shadow:0 28px 90px #0007}.login{max-width:660px;margin:6vh auto;padding:58px;text-align:center}.lock{margin:auto;width:62px;height:62px;display:grid;place-items:center;font-size:25px;border-radius:20px;background:linear-gradient(145deg,#25345e,#171c34);border:1px solid #758cff55;color:#aab8ff}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#7f92d9;margin:22px 0 10px}h1{font-size:clamp(32px,4vw,50px);line-height:1.04;letter-spacing:-.045em;margin:0 0 14px}h2{margin:0;letter-spacing:-.025em}.muted{color:#8792a8;line-height:1.6}.login form{text-align:left;margin-top:38px}.login label{font-size:11px;color:#aeb8ca;font-weight:700}.token-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:9px}input{min-width:0;padding:15px;border:1px solid #303950;background:#080b13;color:#fff;border-radius:12px;outline:none}input:focus{border-color:#7288ff;box-shadow:0 0 0 3px #6378f322}button{border:0;border-radius:12px;padding:0 22px;background:linear-gradient(135deg,#647cff,#7b52e7);color:#fff;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.1)}.error{color:#ff7f94;font-size:12px;height:14px}.hero{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.hero .eyebrow{margin-top:0}.secondary{height:42px;background:#131927;border:1px solid #ffffff16;color:#c5cee0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.stats article{padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.stats span{font-size:12px;color:#818ca2}.stats strong{font-size:28px}.vm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.vm-card{padding:24px;cursor:pointer;transition:.2s transform,.2s border-color}.vm-card:hover{transform:translateY(-3px);border-color:#7288ff66}.vm-top{display:flex;justify-content:space-between;align-items:start}.vm-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#1b2335;color:#91a4ff}.vm-icon svg{width:26px}.badge{padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800;background:#18231f;color:#4cdda5}.badge.offline{background:#211a20;color:#8b8290}.vm-card h2{margin:24px 0 7px;font-size:19px}.meta{font:11px ui-monospace,SFMono-Regular,monospace;color:#66738c}.connect-row{margin-top:24px;padding-top:17px;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;color:#8d9ab1;font-size:12px}.connect-row b{color:#9dacf6}.empty{text-align:center;padding:70px;color:#768198}.empty div{font-size:44px}.viewer{position:fixed;inset:0;background:#020305;z-index:20;display:grid;grid-template-rows:56px 1fr;padding:0}.viewer-head{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;background:#0b0e16;border-bottom:1px solid #ffffff16}.viewer-head h2{font-size:15px;text-align:center}.viewer-button{height:36px;width:max-content;padding:0 14px;background:#171c28;border:1px solid #ffffff18;border-radius:9px}.viewer-button span{margin-left:5px}.viewer-button.close{justify-self:end;width:36px;padding:0;font-size:25px;line-height:1}.screen{position:relative;width:100%;height:calc(100vh - 56px);overflow:hidden;background:#020305}.screen iframe{display:none;width:100%;height:100%;border:0;background:#020305}.screen #screen-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#7d899e}.spinner{width:34px;height:34px;margin:0 auto 20px;border:2px solid #283149;border-top-color:#7186ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){main{padding:40px 18px}.login{padding:35px 22px}.token-row{grid-template-columns:1fr}.token-row button{height:48px}.stats{grid-template-columns:1fr}.hero{align-items:start;gap:20px}.brand small{display:none}}