@charset "UTF-8";
:root{font-family:"Segoe UI",Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#e5edf9;background:#0b1120;color-scheme:dark;font-size:14px;--muted:#8297b4;--teal:#48d7c2;--border:#26374e}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button,input,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5ce0ce;outline-offset:4px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(400px,1fr)}.intro{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:43px 58px 30px;border-right:1px solid #213147;background:radial-gradient(ellipse at 55% 55%,#12313e77,transparent 65%),linear-gradient(145deg,#101e31,#0b1424 70%);overflow:hidden}.intro::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#39557040 1px,transparent 1px);background-size:27px 27px;opacity:.25;z-index:-1;mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}.brand{display:flex;align-items:center;gap:12px;width:max-content;font-size:20px;font-weight:700;letter-spacing:-.5px}.brand-mark{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#45dfca,#26a99f);width:42px;height:45px;border-radius:12px;color:#063c38;box-shadow:0 5px 25px #31c8b719}.brand-mark svg{width:25px;height:25px;stroke-width:2}.brand-caption{display:block;font-size:9px;color:#8ca6bf;font-weight:600;letter-spacing:5.1px;margin-top:4px}.intro-content{width:min(100%,585px);margin:auto;padding:60px 0 43px}.eyebrow{display:flex;align-items:center;gap:9px;color:#7fa2b6;font-size:9px;font-weight:650;letter-spacing:1.8px}.eyebrow>span{height:5px;width:5px;display:inline-block;border-radius:50%;background:#50d8c1;box-shadow:0 0 0 4px #4dd9c10a}h1{font-size:clamp(34px,3.25vw,53px);line-height:1.25;letter-spacing:-1.8px;font-weight:650;margin-top:20px}h1>span{color:#6bdfce}.intro-description{font-size:13px;line-height:1.9;color:#8ba2bd;max-width:405px;margin-top:19px}.control-visual{position:relative;height:280px;width:min(100%,540px);margin:30px 0 14px}.visual-grid{position:absolute;inset:10px 0;background:linear-gradient(#3b677f0a 1px,transparent 1px),linear-gradient(90deg,#3b677f0a 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.orbit{position:absolute;border:1px dashed #42788229;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:245px;height:245px}.orbit-two{width:400px;height:245px;transform:translate(-50%,-50%) rotate(-20deg)}.connections{position:absolute;inset:10px 0;width:100%;height:260px;stroke:#3b9d9244;stroke-width:1.3}.connections circle{fill:#59ddc7;stroke:none}.visual-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:18px 19px;border:1px solid #4d9c964d;background:linear-gradient(135deg,#183645,#112739);border-radius:12px;box-shadow:0 10px 50px #020a1655,0 0 40px #2ab89c0b;white-space:nowrap;font-size:13px;font-weight:600;z-index:1}.center-logo{display:flex;align-items:center;justify-content:center;width:34px;height:36px;border:1px solid #48d5b84f;background:#41c7ad12;color:#69ddc8;border-radius:8px}.center-logo svg{width:19px;height:19px}.visual-center small{display:block;color:#5f9d9e;font-size:7px;font-weight:600;letter-spacing:1.7px;margin-top:6px}.app-node{position:absolute;display:flex;align-items:center;gap:8px;background:#111f32;border:1px solid #2b4159;border-radius:8px;color:#a9bfd5;font-size:10px;font-weight:500;padding:10px 13px;box-shadow:0 5px 15px #020a1622;white-space:nowrap}.node-dot{width:5px;height:5px;border-radius:50%;background:#7baff3;box-shadow:0 0 9px #7baff326}.node-dot.purple{background:#bf9afb}.node-dot.amber{background:#eac080}.node-dot.teal{background:#67d7b8}.node-dot.pink{background:#e999c0}.node-one{top:28px;left:3%}.node-two{top:30px;right:4%}.node-three{bottom:33px;left:1%}.node-four{bottom:35px;right:0}.node-five{bottom:-4px;left:50%;transform:translateX(-50%)}.feature-list{display:flex;gap:24px;margin-top:33px;color:#91a9c2;font-size:10px}.feature-list>div{display:flex;gap:8px;align-items:center;white-space:nowrap}.feature-list svg{width:15px;height:15px;color:#5bbcad}.intro-footer{font-size:10px;color:#5c7692;display:flex;gap:9px;line-height:1.7}.intro-footer>span{color:#345569}.login-side{position:relative;display:flex;align-items:center;justify-content:center;padding:75px 48px 95px;background:radial-gradient(ellipse at 85% 0,#1a2b4526,transparent 65%),#0b1120}.login-card{width:min(100%,384px)}.card-icon{display:flex;align-items:center;justify-content:center;width:47px;height:49px;border:1px solid #31586a;background:#15304266;border-radius:13px;color:#66d4c3;margin-bottom:24px}.card-icon svg{width:24px;height:24px}.card-eyebrow{font-size:8px;letter-spacing:1.65px;color:#6f88a4}h2{font-size:32px;font-weight:650;letter-spacing:-.9px;margin-top:10px}.login-description{font-size:12px;line-height:1.8;color:#7e94b0;margin-top:9px}form{margin-top:32px}form>label,.password-label>label{font-size:11px;font-weight:500;color:#b6c7dd}.input-wrap{display:flex;align-items:center;gap:11px;padding:0 13px;height:48px;border:1px solid #293b54;border-radius:8px;background:#101b2c;margin-top:9px;color:#6484a6;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#49cdb7;box-shadow:0 0 0 3px #48d7c208}.input-wrap>svg{width:17px;height:17px}.input-wrap input{width:100%;min-width:0;align-self:stretch;border:0;background:transparent;color:#dce7f6;outline:none;font-size:13px}.input-wrap input:focus-visible{outline:none}.input-wrap input::placeholder{color:#4e6888;font-size:12px}.input-wrap:has([aria-invalid=true]){border-color:#bb6c80}.password-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.password-label>span{font-size:9px;color:#556f90}.eye-button{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;width:28px;border:0;background:none;color:#6988a9;padding:0}.eye-button svg{height:18px;width:18px}.eye-button:hover:not(:disabled),.eye-button[aria-pressed=true]{color:#6cddc7}.eye-button[aria-pressed=true]::after{content:"";position:absolute;width:22px;height:1px;background:currentColor;transform:rotate(-45deg)}.login-button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:46px;margin-top:27px;padding:12px 18px;border:1px solid #49d4be;background:linear-gradient(100deg,#38cbb3,#4bd6c2);border-radius:8px;color:#07342f;font-size:12px;font-weight:700;box-shadow:0 5px 20px #1da58d18;transition:background .15s,transform .15s}.login-button>svg{height:16px;width:16px;stroke-width:2}.login-button:hover:not(:disabled){background:linear-gradient(100deg,#58ddc5,#70e5d4);transform:translateY(-1px)}.login-button:disabled{opacity:.7}.error-message{margin-top:16px;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #a956704a;background:#9d455d12;border-radius:7px;color:#eda4b7;font-size:11px;line-height:1.7}.error-message>svg{height:15px;width:15px;margin-top:2px}.error-message>span{overflow-wrap:anywhere}.login-status{font-size:10px;line-height:1.7;color:#6e89a6;text-align:center;min-height:17px;margin-top:13px}.card-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:23px;margin-top:17px;border-top:1px solid #213148;color:#577492;font-size:9px;line-height:1.7}.card-footer svg{height:13px;width:13px}.login-side-footer{position:absolute;bottom:31px;display:flex;align-items:center;justify-content:center;gap:8px;color:#526c8a;font-size:9px;line-height:1.7}.small-dot{width:4px;height:4px;display:inline-block;background:#45bfa8;border-radius:50%}.footer-divider{color:#2f455f;margin:0 2px}.spinner{height:15px;width:15px;border:1.7px solid #083b3633;border-top-color:#073b34;border-radius:50%;animation:spin .7s linear infinite}.no-script{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(90%,450px);padding:15px;background:#26354a;border:1px solid #7084a1;border-radius:8px;font-size:12px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.intro{padding-left:80px;padding-right:80px}.login-card{width:400px}.intro-content{max-width:630px}.control-visual{width:540px}.feature-list{gap:32px;font-size:11px}.intro-description{font-size:14px}h1{font-size:57px}}
@media(max-width:1150px){.intro{padding:36px 35px 26px}.login-side{padding-left:35px;padding-right:35px}.brand{font-size:18px}.intro-content{padding-top:55px}.feature-list{gap:14px;font-size:9px}.feature-list>div{gap:6px}.feature-list svg{width:14px;height:14px}h1{font-size:37px}.intro-description{font-size:12px}.app-node{padding:9px 10px;font-size:9px}.visual-center{font-size:11px;padding:15px 14px;gap:9px}.control-visual{height:263px}.orbit-two{width:340px}.intro-footer{font-size:9px}}
@media(max-width:900px){.login-layout{grid-template-columns:minmax(0,.95fr) minmax(350px,1fr)}.intro{padding:30px 25px 25px}.login-side{padding:65px 30px 90px}h1{font-size:32px;letter-spacing:-1px}.intro-description{font-size:11px}.control-visual{height:250px}.feature-list{flex-direction:column;gap:12px;margin-top:30px}.app-node{font-size:8px;padding:8px}.orbit-two{width:290px;height:220px}.visual-center{padding:12px 10px;gap:7px;font-size:10px}.center-logo{width:26px;height:30px}.center-logo svg{height:16px;width:16px}.visual-center small{font-size:6px;letter-spacing:1.2px}.node-one{left:0;top:26px}.node-two{right:0;top:32px}.node-three{left:0;bottom:31px}.node-four{right:0;bottom:30px}.intro .eyebrow{font-size:7px;letter-spacing:1.3px}.intro-footer{max-width:230px;display:block}.intro-footer>span{margin:0 4px}}
@media(max-width:700px){.login-layout{display:flex;flex-direction:column;min-height:100dvh}.intro{padding:26px 25px 25px;border-right:0;border-bottom:1px solid #203247;background:radial-gradient(ellipse at 85% 60%,#15404966,transparent 70%),#0e192b}.brand{font-size:18px;gap:10px}.brand-mark{width:35px;height:38px;border-radius:10px}.brand-mark svg{width:21px;height:21px}.brand-caption{font-size:8px;letter-spacing:4.4px}.intro-content{padding:29px 0 0;margin:0;width:100%;max-width:none}.intro .eyebrow,.intro-description,.control-visual,.feature-list,.intro-footer{display:none}h1{font-size:26px;line-height:1.3;letter-spacing:-.7px;margin-top:0}h1>br{display:none}h1>span{white-space:nowrap}.login-side{padding:35px 25px 77px;flex:1}.login-card{max-width:390px}.card-icon{display:none}.card-eyebrow{font-size:8px}h2{font-size:27px;margin-top:9px}.login-description{font-size:11px}form{margin-top:26px}.input-wrap{height:47px}.password-label{margin-top:20px}.login-button{margin-top:24px}.login-status{min-height:16px}.card-footer{font-size:9px;padding-top:20px;margin-top:13px}.login-side-footer{bottom:25px}.login-description{margin-top:7px}}
@media(max-width:380px){.intro{padding:23px 22px}.login-side{padding-left:22px;padding-right:22px}h1{font-size:23px}.password-label>span{font-size:8px}.brand{font-size:17px}.login-card{width:100%}.card-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}