*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080e0b;color:#f1f7f0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,select,input{font:inherit}[hidden]{display:none!important}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #6df44b;outline-offset:5px}.ambient{position:absolute;inset:0 0 auto;height:650px;pointer-events:none;background:radial-gradient(ellipse at 25% 0%,#235e2725,transparent 65%);z-index:-1}.topbar{height:94px;max-width:1050px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:23px;letter-spacing:-.8px}.green{color:#67f445}.support{border:1px solid #36513c;border-radius:10px;padding:9px 17px;font-size:13px;font-weight:600;white-space:nowrap;transition:.2s}.support:hover{border-color:#67f445;background:#67f4450a}.top-support{color:#c0cfbf}main{width:min(760px,calc(100% - 48px));margin:0 auto}.hero{padding:57px 0 32px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;display:flex;align-items:center;gap:8px;color:#b2c5b2}.live-dot{width:6px;height:6px;background:#67f445;border-radius:50%;box-shadow:0 0 13px #67f44580}h1{font-size:clamp(36px,6.5vw,58px);line-height:1.1;letter-spacing:-2.5px;margin:17px 0 17px;font-weight:750}p{margin:0}.hero-sub{color:#95a693;font-size:15px}.panel{border:1px solid #27352a;border-radius:19px;background:#101812;box-shadow:0 20px 60px #00000018}h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:7px 0}h3{font-size:17px;line-height:1.4;margin:0 0 8px;letter-spacing:-.2px}.muted{color:#8fa08f}.account{padding:27px 30px;margin-bottom:22px}.account-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.account-head h2{font-size:22px;overflow-wrap:anywhere}.account-head p{font-size:12px}.status{padding:6px 12px;border:1px solid #67f44540;background:#67f44510;color:#98fa7f;font-size:12px;border-radius:25px;white-space:nowrap}.status:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.stats{display:grid;grid-template-columns:1.35fr 1fr 1fr;border-top:1px solid #27352a;padding-top:22px;margin-top:24px;gap:18px}.stat span{display:block;font-size:11px;color:#95a493;margin-bottom:5px}.stat strong{font-size:18px;font-weight:650;white-space:nowrap}.setup{padding:30px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-head h2{margin-bottom:0}.tag{font-size:11px;border:1px solid #38463b;color:#acbbaa;border-radius:6px;padding:5px 11px;letter-spacing:.6px}.field-label{display:block;font-size:12px;color:#a5b3a3;margin-bottom:8px}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;border:1px solid #3b4b3f;background:#18231b;color:#f4f7f1;border-radius:10px;padding:13px 17px;font-size:15px;font-weight:600;cursor:pointer}.select-wrap>span{position:absolute;right:17px;top:12px;color:#99b099;pointer-events:none}.steps{list-style:none;margin:9px 0 0;padding:0}.steps>li{display:flex;gap:19px;padding:29px 0;border-bottom:1px solid #27352a}.steps>li:last-child{border-bottom:0;padding-bottom:2px}.step-number{font-size:11px;letter-spacing:1px;font-weight:600;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid #344d35;color:#8edb7b;border-radius:50%;margin-top:1px}.step-body{min-width:0;flex:1}.step-body>p{font-size:13px;color:#9faf9c;line-height:1.75;max-width:560px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:47px;padding:11px 18px;border-radius:9px;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s,transform .15s;border:0}.button:hover{transform:translateY(-1px)}.primary{background:#67f445;color:#0b1b09;box-shadow:0 4px 25px #67f4450a}.primary:hover{background:#85ff66}.secondary{background:#1b2a1e;border:1px solid #3a5140;color:#daecd6}.secondary:hover{background:#243b28}.downloads{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.downloads .button{min-height:41px;font-weight:600;background:#1b2a1e;color:#c9edc1;border:1px solid #3b5740}.downloads .button:hover{background:#253c2a}.step-body>.primary{margin-top:17px;min-width:238px}.copy-button{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:11px 0;color:#a0b69a;font-size:12px;cursor:pointer}.copy-button:hover{color:#9cfc85}.step-body>p.small{font-size:11px;color:#7f927d;line-height:1.65;margin-top:4px;max-width:450px}.server-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.server-tag{background:#16241a;border:1px solid #304733;color:#bbd4b4;border-radius:7px;padding:6px 11px;font-size:11px;display:flex;gap:7px;align-items:center}.server-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:#87cf72}.help-row{margin-top:24px;border:1px solid #2b392e;border-radius:13px;padding:21px 25px;display:flex;align-items:center;justify-content:space-between;gap:17px}.help-row h3{font-size:14px;margin-bottom:4px}.help-row p{font-size:12px;color:#889a86}.privacy-note{font-size:11px;line-height:1.7;color:#738570;text-align:center;margin:21px auto 0;max-width:530px}footer{border-top:1px solid #ffffff0d;margin-top:37px;padding:23px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6e826e}footer .brand{font-size:13px;letter-spacing:-.2px;color:#b0c1aa;gap:5px}footer>span{font-size:10px}.loading{padding:35px;display:flex;align-items:center;gap:15px;color:#acbca8}.spinner{width:22px;height:22px;border:2px solid #2f4930;border-top-color:#67f445;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing,.error{padding:35px}.landing p,.error p{color:#93a68f;font-size:14px;margin:14px 0 25px}.landing h2{font-size:26px}.step-icon{font-size:23px;color:#67f445;border:1px solid #3b623c;width:49px;height:49px;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.error .button{margin-right:10px;margin-top:8px}#manual{padding-top:9px}#manual-link{width:100%;background:#070e09;border:1px solid #395038;color:#cae6c0;border-radius:7px;padding:9px;font-size:11px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,10px);background:#d5ffcc;color:#123209;border-radius:10px;padding:10px 18px;box-shadow:0 5px 35px #0008;font-size:13px;font-weight:650;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.preview-note{color:#b5cdab!important}
@media(max-width:600px){.topbar{height:76px;padding:0 22px}.brand{font-size:21px;gap:7px}.brand img{width:37px;height:37px}.top-support{font-size:11px;padding:7px 11px}main{width:calc(100% - 32px)}.hero{padding:36px 6px 25px}h1{font-size:38px;letter-spacing:-1.8px}.hero-sub{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.2px}.account{padding:21px;margin-bottom:15px}.account-head h2{font-size:19px}.stats{gap:10px;padding-top:18px;margin-top:19px;grid-template-columns:1.3fr .8fr .85fr}.stat span{font-size:10px}.stat strong{font-size:14px}.setup{padding:23px 20px}.section-head h2{font-size:21px}.section-head{margin-bottom:23px}.steps>li{gap:12px;padding:25px 0}.step-number{width:27px;height:27px;font-size:10px}.step-body h3{font-size:16px}.step-body>p{font-size:12px}.step-body>.primary{min-width:0;width:100%;font-size:12px;padding:12px 10px;gap:15px}.downloads .button{padding:9px 12px;font-size:12px}.help-row{padding:18px;align-items:flex-start}.help-row p{font-size:11px}.help-row .support{font-size:11px;padding:8px 10px}.help-row h3{font-size:13px}.privacy-note{font-size:10px;padding:0 15px}footer{margin-top:28px;padding:20px 3px}.landing,.error{padding:27px}.status{font-size:11px;padding:5px 9px}.account-head{gap:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.device-options{display:grid;gap:8px;margin:18px 0}.device-option{width:100%;justify-content:flex-start;overflow-wrap:anywhere}.device-option.selected{border-color:#67f445;color:#98fa7f;background:#67f44515}.selection{margin-top:16px;font-size:13px;color:#a6d09f}#device-limit-note{margin-top:12px}#name-field{margin-top:18px}#connection-name{width:100%;padding:12px;background:#0c140e;color:#edf5eb;border:1px solid #354438;border-radius:10px}button:disabled,[aria-disabled="true"]{opacity:.5;cursor:wait}
