@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;color:#e4e4e7;background:#05050a;font-synthesis:none;--bg: #05050a;--line: #1e1e2e;--muted: #a1a1aa;--faint: #52525b;--mint: #8b5cf6;--blue: #06b6d4;--success: #10b981;--accent-primary: #8b5cf6;--accent-glow: rgba(139, 92, 246, .4)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:#e4e4e7;background:linear-gradient(rgba(139,92,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.035) 1px,transparent 1px),var(--bg);background-size:50px 50px,50px 50px,auto}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}.connection-screen{min-height:100vh;display:grid;place-items:center;overflow:hidden;position:relative}.connection-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle,black,transparent 68%);mask-image:radial-gradient(circle,black,transparent 68%)}.connection-glow{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(90px);opacity:.09}.glow-a{background:var(--mint);left:15%;top:13%}.glow-b{background:var(--blue);right:13%;bottom:8%}.connection-card{z-index:1;width:min(470px,calc(100% - 30px));padding:30px 34px 25px;position:relative;overflow:hidden;background:#111621b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 30px 90px #00000059}.brand{display:flex;align-items:center;gap:12px;min-height:42px}.brand-mark{width:38px;height:42px;display:grid;place-items:center;position:relative;border-radius:4px;background:var(--accent-primary);box-shadow:0 0 28px #8b5cf638}.brand-mark:before{content:"";width:25px;height:28px;background:#05050a;clip-path:polygon(50% 0,94% 16%,86% 72%,50% 100%,14% 72%,6% 16%)}.brand-mark i{position:absolute;width:8px;height:8px;border:2px solid var(--blue);border-radius:50%;top:12px}.brand-mark i:after{content:"";position:absolute;width:2px;height:8px;background:var(--blue);left:1px;top:6px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:1.35px;margin-top:2px}.connection-copy{margin:38px 0 27px}.connection-copy h1{font-size:30px;letter-spacing:-1.3px;line-height:1.13;margin:8px 0 12px;color:#f4f4f5}.connection-copy p{font-size:10px;color:#6d7b85;line-height:1.65;max-width:330px}.connection-form label{display:block;font-size:10px;color:#73818b;margin:14px 0}.connection-form label small{display:block;margin-top:5px;color:var(--faint);font-size:8px}.connection-form input{width:100%;margin-top:7px;padding:10px;color:#f1f5f9;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none;font-size:11px}.connection-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:#00000073}.primary-button{border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,var(--mint),var(--blue));color:#020617;font-size:11px;font-weight:700;box-shadow:0 4px 15px var(--accent-glow)}.primary-button.wide{width:100%;display:flex;justify-content:center;align-items:center;gap:15px}.primary-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.form-error{border:1px solid rgba(255,107,115,.16);background:#ff6b730f;color:#e88e94;border-radius:7px;padding:10px 12px;font-size:9px;line-height:1.4}.login-notice{padding:10px 12px;border:1px solid rgba(16,185,129,.25);border-radius:6px;background:#10b9810d;color:#6ee7b7;font-size:9px}.local-note{display:block;text-align:center;color:var(--faint);font-size:8px;margin-top:18px}.local-note span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-right:6px;box-shadow:0 0 12px #10b98159}.session-loading{text-align:center}.session-loading p{color:var(--muted);font-size:11px}@media (max-width: 460px){.connection-card{padding:25px 22px}}
