@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;700;800&display=swap";:root{font-family:DM Sans,sans-serif;background:#0b0e0b;color:#f2f5ef;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 15%,#26331a66,transparent 55%);min-height:100vh}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d1f765;outline-offset:4px}a{color:inherit;text-decoration:none}.connect-shell{max-width:1280px;padding:42px 50px;margin:auto}header{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-1.5px}.brand span{font:600 10px DM Sans,sans-serif;letter-spacing:3px;margin-left:15px;color:#a5ae9a}main{display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:center;padding:100px 0 80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#d1f765}h1{font:800 62px/1.08 Manrope,sans-serif;white-space:pre-line;letter-spacing:-2.7px;margin:25px 0}.intro p{max-width:420px;font-size:18px;line-height:1.6;color:#a5ae9a}.card{padding:30px;border:1px solid #2b3226;border-radius:22px;background:#141914;box-shadow:0 20px 100px #0003}h2{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;margin:15px 0}h3{font-size:16px;margin-top:30px}.muted{color:#a5ae9a;font-size:14px;line-height:1.6}.accent{color:#d1f765}label{display:block;font-size:13px;font-weight:600;margin-top:20px}input{display:block;background:#1d231b;border:1px solid #394130;color:#f2f5ef;border-radius:9px;padding:13px 15px;width:100%;margin-top:8px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 18px;margin-top:24px;border:0;border-radius:9px;background:#d1f765;color:#101408;font-weight:700}.quiet,.icon-button,.form-links button,.local-link{background:none;border:0;color:#a5ae9a;padding:8px;display:flex;align-items:center;gap:8px}.form-links{display:flex;justify-content:space-between;margin-top:15px;font-size:12px}.local-link{margin:12px auto 0;font-size:12px}.notice,.error{border-radius:8px;padding:12px;font-size:13px;line-height:1.5}.error{color:#ffaba2;background:#b33b2f1a}.notice{color:#d1f765;background:#d1f7650c}.account-heading{display:flex;align-items:center;gap:12px}.account-heading h2{margin:0}.account-heading p{margin:7px 0}.icon-button{margin-left:auto}.server{margin-top:20px;padding:20px;background:#1c221a;border-radius:12px}.server-heading{display:flex;align-items:center;gap:12px}.status{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;color:#a5ae9a}.status span{width:6px;height:6px;border-radius:50%;background:currentColor}.status.online{color:#d1f765}.device{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #2b3226;font-size:13px}.device small{display:block;color:#a5ae9a;margin-top:4px}.device .quiet{margin-left:auto;font-size:11px}.success{display:flex;align-items:center;gap:10px;color:#d1f765;margin-top:24px}footer{display:flex;justify-content:center;align-items:center;gap:8px;color:#849079;font-size:12px}@media(max-width:900px){.connect-shell{padding:25px}main{grid-template-columns:1fr;gap:35px;padding:60px 0}.card{max-width:500px;width:100%}h1{font-size:44px;letter-spacing:-1.8px}.intro p{font-size:16px}footer{justify-content:flex-start}}