@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172842;background:#fff;font-synthesis:none;--navy:#101e35;--blue:#2563eb;--muted:#7c8b9e;--line:#e2e8f1}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #88b9ff;outline-offset:4px}[hidden]{display:none!important}.login-shell{min-height:100svh;display:grid;grid-template-columns:45% 55%}.brand-panel{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:44px 54px 28px;display:flex;flex-direction:column;min-height:100svh}.brand-panel:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 35% 48%,#1c3d6045,transparent 65%);pointer-events:none}.brand-panel>*{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:13px;width:max-content}.brand-mark{width:42px;height:42px}.brand strong{font-family:Manrope,sans-serif;display:block;font-weight:800;font-size:25px;letter-spacing:5px;line-height:1.1}.brand small{display:block;font-size:9px;color:#8ea5c1;letter-spacing:1.6px;margin-top:7px}.brand-content{margin:auto 0;padding:57px 0 40px;max-width:470px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;letter-spacing:2px;color:#91a7c3;margin-bottom:20px}.eyebrow>span{display:block;width:17px;height:2px;background:#65b0f0}h1{font-family:Manrope,sans-serif;font-size:clamp(33px,3.3vw,51px);font-weight:750;letter-spacing:-1.8px;line-height:1.2;margin:0}h1 span{color:#8ebeff}.brand-intro{font-size:13px;line-height:1.9;color:#8da1bb;margin:22px 0 0;max-width:340px}.infrastructure-illustration{position:relative;margin:25px -18px 21px;width:calc(100% + 36px);max-width:470px}.diagram-grid{position:absolute;inset:6% 0 17%;opacity:.15;background-image:linear-gradient(#6286ad 1px,transparent 1px),linear-gradient(90deg,#6286ad 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.infrastructure-svg{width:100%;height:auto;position:relative}.diagram-caption{display:flex;justify-content:center;align-items:center;gap:13px;color:#68829f;font-size:7.5px;letter-spacing:1.6px;font-weight:550;margin-top:-4px}.diagram-caption i{width:3px;height:3px;border-radius:50%;background:#476480}.brand-features{display:flex;flex-direction:column;gap:14px;color:#a4b5ca;font-size:11px;letter-spacing:.1px;margin-top:29px}.brand-features>div{display:flex;gap:10px;align-items:center}.brand-features svg{width:17px;height:17px;stroke:#7ba7cf;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand-footer{border-top:1px solid #ffffff0e;padding-top:19px;display:flex;justify-content:space-between;gap:14px;color:#627b99;font-size:8px;letter-spacing:.25px}.brand-footer>span:first-child{letter-spacing:1.2px;font-size:7.5px}.login-panel{display:flex;flex-direction:column;min-height:100svh;padding:34px 46px 28px;background:#fff;position:relative}.login-panel-top{display:flex;justify-content:flex-end}.private-label{display:flex;align-items:center;gap:7px;color:#8d9bad;font-size:10px}.private-label svg{width:14px;height:14px;stroke:#8fa1b7;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.auth-card{width:100%;max-width:380px;margin:auto;padding:48px 0 42px}.auth-symbol{display:grid;place-items:center;background:#edf4ff;border:1px solid #e0ebfc;border-radius:13px;width:49px;height:49px;margin-bottom:27px;color:#3d7add}.auth-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.form-eyebrow{font-size:9px;letter-spacing:1.6px;color:#8fa0b7;font-weight:600;display:block;margin-bottom:11px}.auth-card h2{font-family:Manrope,sans-serif;font-size:31px;line-height:1.25;letter-spacing:-1px;font-weight:800;margin:0;color:#172b47}.auth-subtitle{font-size:12px;line-height:1.8;color:#8797ad;margin:10px 0 30px}.field{margin-bottom:19px}.field>label,.field-label>label{font-size:11px;font-weight:600;display:block;color:#4f6581;line-height:1.6;margin-bottom:8px}.field-label{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:14px;top:14px;width:18px;height:18px;fill:none;stroke:#9aaac0;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.input-wrap input{width:100%;height:47px;border:1px solid #dfe6ef;border-radius:7px;background:#fff;color:#253d5b;outline:none;padding:12px 43px;font-size:12px;box-shadow:0 1px 2px #142c4902;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:#acb7c6}.input-wrap input:focus{border-color:#6fa0ef;box-shadow:0 0 0 3px #3278e810}.input-wrap input[readonly]{color:#687d98;background:#f8fafd}.input-wrap input:disabled{background:#f8fafd;opacity:.75}.password-toggle{position:absolute;right:9px;top:9px;border:0;background:transparent;color:#8b9db4;padding:6px;border-radius:4px}.password-toggle:hover{color:#3375d8;background:#eff5ff}.password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.password-toggle[aria-pressed=true]:after{content:'';width:19px;height:1.5px;display:block;position:absolute;left:5px;top:14px;transform:rotate(-42deg);background:currentColor;box-shadow:0 1px #fff}.text-button{border:0;background:none;padding:0;color:#5180c5;font-size:10px;font-weight:550}.text-button:hover{text-decoration:underline}.field-hint{font-size:10px;line-height:1.7;color:#8e9fb5;margin:8px 0 0}.remember-row{display:flex;gap:9px;align-items:center;color:#8496ae;font-size:10px;line-height:1.5;margin:23px 0 25px;width:max-content;max-width:100%;cursor:pointer}.remember-row input{accent-color:var(--blue);width:14px;height:14px;margin:0;cursor:pointer}.submit-button{height:47px;width:100%;background:#2563eb;border:1px solid #2563eb;border-radius:7px;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 4px 10px #2563eb14;transition:background .15s,box-shadow .15s;margin-top:7px}.submit-button:hover:not(:disabled){background:#1b58db;box-shadow:0 5px 15px #2563eb20}.submit-button:disabled{opacity:.7}.submit-button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.setup-note{font-size:10px;color:#8b9eb5;line-height:1.7;text-align:center;margin:14px 0 0}.auth-divider{display:flex;align-items:center;justify-content:center;gap:13px;margin:31px 0 19px}.auth-divider>span{height:1px;background:#edf0f5;flex:1}.auth-divider>svg{height:15px;width:15px;fill:none;stroke:#acbbcd;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.access-note{font-size:10px;line-height:1.9;text-align:center;color:#7d90aa;margin:0}.access-note>span{color:#a3afbf;font-size:9px}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a1aec0;font-size:9px}.login-footer>span:last-child{font-size:8px;color:#b1bccb}.mobile-brand{display:none}.form-message{border-radius:6px;padding:11px 13px;margin:14px 0;font-size:11px;line-height:1.7}.form-message.error{background:#fff3f4;border:1px solid #f4d9de;color:#b34c61}.form-message.info{background:#f2f6fd;border:1px solid #dfe9f8;color:#6a85aa}.auth-loading{display:flex;align-items:center;gap:10px;font-size:11px;color:#8398b4;padding:25px 0;min-height:95px}.spinner{display:inline-block;height:16px;width:16px;border:1.7px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.retry-button{font-size:11px;font-weight:550;color:#4279cd;background:#f4f8ff;border:1px solid #dce7f7;padding:9px 14px;border-radius:6px}.noscript-message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;color:#b34c61;border:1px solid #f4d9de;border-radius:8px;padding:15px 20px;max-width:90%;font-size:12px;box-shadow:0 5px 20px #10203920;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.brand-panel{padding:52px 73px 35px}.brand-content{max-width:520px}.brand-intro{font-size:14px}.infrastructure-illustration{max-width:500px;margin-top:34px}.brand-features{font-size:12px}.auth-card{max-width:410px}.auth-card h2{font-size:35px}.auth-subtitle{font-size:13px}.input-wrap input{height:51px;font-size:13px}.input-wrap>svg{top:16px}.password-toggle{top:11px}.submit-button{height:51px;font-size:13px}.field>label,.field-label>label{font-size:12px}.remember-row{font-size:11px}.access-note{font-size:11px}.login-panel{padding:39px 58px 35px}}
@media(max-width:1100px){.brand-panel{padding:35px 34px 25px}.login-panel{padding:30px 34px 25px}.brand-content{padding-top:48px;padding-bottom:35px}.brand-intro{font-size:12px}.infrastructure-illustration{margin-top:30px}.brand-footer{flex-direction:column;gap:7px}.eyebrow{font-size:8px;letter-spacing:1.5px}.brand-features{font-size:10px}.auth-card{max-width:350px}.login-footer>span:last-child{display:none}}
@media(max-width:800px){.login-shell{grid-template-columns:38% 62%}.brand-panel{padding:32px 25px 24px}.brand-mark{width:32px;height:32px}.brand strong{font-size:22px;letter-spacing:4px}.brand small{font-size:7px;letter-spacing:1px}.brand{gap:8px}h1{font-size:31px;letter-spacing:-1px}.brand-content{padding-top:50px}.brand-intro{font-size:11px}.infrastructure-illustration{margin:35px -15px 21px;width:calc(100% + 30px)}.diagram-caption{font-size:6px;gap:7px;letter-spacing:.8px}.brand-features{font-size:9px;line-height:1.6}.brand-features>div{align-items:flex-start;gap:8px}.brand-features svg{flex-shrink:0}.eyebrow{font-size:7px;letter-spacing:1px}.login-panel{padding:28px 30px 24px}.auth-card h2{font-size:28px}.auth-card{padding-top:43px;padding-bottom:35px}}
@media(max-width:600px){.login-shell{display:block}.brand-panel{display:none}.login-panel{min-height:100svh;padding:22px 27px 23px;background:radial-gradient(ellipse at 10% 0%,#f4f8ff,transparent 40%),#fff}.login-panel-top{justify-content:flex-end}.private-label{font-size:8px;gap:5px}.private-label svg{width:12px;height:12px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.mobile-brand img{width:37px;height:37px}.mobile-brand>span{font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:3px;color:#183250}.mobile-brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:500;letter-spacing:1px;color:#8fa0b6;margin-top:3px}.auth-card{max-width:390px;padding:33px 0 32px}.auth-symbol{width:43px;height:43px;border-radius:11px;margin-bottom:23px}.auth-symbol svg{width:21px;height:21px}.auth-card h2{font-size:29px}.form-eyebrow{font-size:8px;letter-spacing:1.4px}.auth-subtitle{margin-bottom:27px;font-size:12px}.field{margin-bottom:18px}.field>label,.field-label>label{font-size:11px}.input-wrap input{font-size:16px;padding-top:11px;padding-bottom:11px;height:49px}.input-wrap input::placeholder{font-size:12px}.input-wrap>svg{top:15px}.password-toggle{top:10px}.submit-button{height:48px;font-size:12px}.remember-row{margin:22px 0 24px;font-size:10px}.auth-divider{margin-top:29px}.access-note{font-size:9px}.access-note>span{font-size:8px}.login-footer{font-size:8px}.login-footer>span:last-child{display:block;font-size:7px}.form-message{font-size:11px}.setup-note{font-size:10px}}
@media(max-width:360px){.login-panel{padding-left:21px;padding-right:21px}.auth-card h2{font-size:27px}.private-label{font-size:7px}.login-footer>span:last-child{display:none}.text-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:1.8s!important}}