:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#25332e;background:#fafbf9;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #74bba0;outline-offset:5px}[hidden]{display:none!important}.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.intro{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#173c32;color:#fff;padding:45px 58px;isolation:isolate}.intro:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 0% 100%,#32665099,transparent 65%),radial-gradient(ellipse at 100% 0%,#38604c33,transparent 60%)}.intro:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(#a6d7bd 0.55px,transparent 0.55px);background-size:24px 24px;mask-image:linear-gradient(130deg,transparent 20%,#000 100%)}.brand{display:flex;gap:11px;align-items:center;align-self:flex-start}.brand img{box-shadow:0 0 0 1px #aecbb329;border-radius:11px}.brand>span{font-size:30px;letter-spacing:-1.4px;font-weight:750;line-height:1}.brand-dot{color:#b9e6c8}.brand small{display:block;font-size:8px;letter-spacing:2.3px;font-weight:500;color:#a7c2b2;margin-top:8px}.intro-content{margin:auto 0;max-width:510px;padding:65px 0 28px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.7px;color:#b5d4c1;font-weight:550}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#b5d4c1;box-shadow:0 0 0 4px #a9d7ba0d}h1{font-size:clamp(36px,4.05vw,63px);font-weight:500;letter-spacing:-2.8px;line-height:1.12;margin:22px 0 22px}h1>span{color:#acd9ba}.intro-content>p{font-size:13px;line-height:1.9;max-width:330px;color:#b0c5b8;font-weight:400;margin:0}.server-visual{height:240px;position:relative;max-width:430px;margin:26px 0 0}.orbit{position:absolute;border:1px solid #9dc7ad1a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:160px;height:160px}.orbit-two{width:255px;height:255px}.orbit-three{width:340px;height:340px;opacity:.5}.connections{position:absolute;inset:0;width:100%;height:100%}.central-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:99px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#315847,#234738);box-shadow:0 14px 28px #0e2e3229,inset 0 0 0 1px #8eb6a23d;border-radius:20px}.central-node>svg{width:44px;height:44px;stroke:#c3e6cb;stroke-width:1.4}.central-node>span{font-size:7px;letter-spacing:1.7px;margin-top:5px;color:#b4cbb9}.central-node>i{width:5px;height:5px;background:#b4dfa9;border-radius:50%;position:absolute;right:11px;top:11px;box-shadow:0 0 0 3px #b4dfa90d}.resource-node{position:absolute;display:flex;align-items:center;gap:9px;background:#29503eec;border:1px solid #6f9a7e44;border-radius:10px;padding:13px 12px;box-shadow:0 10px 30px #0b2c2926;backdrop-filter:blur(6px)}.resource-node strong{font-size:10px;font-weight:500;display:block;color:#e0efdf}.resource-node small{display:block;font-size:7px;color:#9cbaaa;margin-top:4px;white-space:nowrap}.resource-symbol{font-size:23px;color:#b1d0af}.cpu-node{left:0;top:39px;transform:rotate(-4deg)}.cpu-node>svg{width:38px;height:22px;margin-left:4px;stroke:#a9cea7;stroke-width:1.3}.ram-node{right:0;top:22px;transform:rotate(4deg)}.disk-node{right:6px;bottom:17px;transform:rotate(-3deg)}.disk-bars{display:flex;gap:3px;align-items:flex-end;height:16px;margin-left:4px}.disk-bars>i{display:block;background:#a4c9a1;width:3px;border-radius:1px;height:13px}.disk-bars>i:nth-child(2){height:9px}.disk-bars>i:nth-child(3){height:16px}.disk-bars>i:nth-child(4){height:11px}.disk-bars>i:nth-child(5){height:7px}.intro-footer{display:flex;gap:11px;align-items:center;font-size:10px;line-height:1.8;color:#8eae9d}.intro-footer>svg{height:24px;width:24px;stroke:#a6c4ad;flex-shrink:0}.intro-footer strong{font-weight:400;color:#b5cbbd}.form-side{display:flex;flex-direction:column;position:relative;padding:40px 44px 26px;background:#fafbf9}.form-top{display:flex;justify-content:flex-end}.secure-badge{display:flex;gap:6px;align-items:center;border:1px solid #e4eae4;background:#f2f6ef;padding:6px 10px;border-radius:20px;color:#6e8272;font-size:9px}.secure-badge svg{height:13px;width:13px}.form-card{width:100%;max-width:357px;margin:auto; padding:50px 0}.welcome-icon{display:grid;place-items:center;background:#eef3ec;border:1px solid #e4eae1;border-radius:12px;height:48px;width:48px;color:#4d7257;margin-bottom:29px}.welcome-icon svg{height:25px;width:25px;stroke-width:1.3}.form-eyebrow{font-size:8px;font-weight:600;letter-spacing:1.8px;color:#8b968e;margin-bottom:12px}h2{font-size:35px;line-height:1.2;letter-spacing:-1.4px;font-weight:600;margin:0 0 13px}h2>span{color:#59916b}.form-description{font-size:11px;line-height:1.8;color:#89928b;margin:0 0 33px}label{display:block;font-size:11px;font-weight:550;color:#4a5a4e;margin-bottom:8px}.field{margin-bottom:20px}.input-wrap{display:flex;align-items:center;border:1px solid #dfe6de;background:#fff;border-radius:8px;transition:border-color .2s,box-shadow .2s;min-height:49px;padding:0 13px;gap:10px}.input-wrap:focus-within{border-color:#679176;box-shadow:0 0 0 3px #75a18312}.input-wrap>svg{width:17px;height:17px;color:#a0ada3;flex-shrink:0;stroke-width:1.4}input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:12px;color:#2c3e31;padding:14px 0;line-height:1.5}input::placeholder{color:#a4aea6;font-size:11px}.show-password{padding:4px 0 4px 4px;display:grid;place-items:center;border:0;background:none;color:#99a59a}.show-password:hover{color:#44624b}.show-password[aria-pressed=true]{color:#356d4a}.show-password svg{width:18px;height:18px;stroke-width:1.35}.submit{display:flex;align-items:center;justify-content:space-between;background:#1f4a39;border:1px solid #1f4a39;color:#f3f7ef;font-size:11px;font-weight:550;width:100%;padding:15px 17px;min-height:49px;border-radius:8px;margin-top:26px;transition:background .2s,transform .2s;box-shadow:0 3px 7px #223c2a10}.submit:hover{background:#2c5b43}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.65;cursor:wait}.submit svg{width:17px;height:17px;stroke-width:1.5}.form-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0 0;color:#98a498;font-size:9px}.form-note>svg{width:13px;height:13px;stroke-width:1.3}.form-bottom{display:flex;align-items:center;gap:12px;margin-top:35px;color:#a0aaa0;font-size:8px;white-space:nowrap}.small-line{flex:1;height:1px;background:#e4e9e0}.form-footer{display:flex;justify-content:space-between;gap:16px;color:#a2ada0;font-size:8px}.login-error{font-size:10px;line-height:1.7;padding:11px 13px;background:#fbefeb;border:1px solid #eedbd4;border-radius:7px;color:#a0523e;margin:0}.login-error.notice{color:#667d49;background:#f2f5e9;border-color:#e2e9d2}
@media(min-width:1550px){.intro{padding:53px 80px}.intro-content{max-width:550px}.form-card{max-width:385px}.server-visual{margin-top:35px}.form-side{padding:45px 60px 30px}h2{font-size:39px}input{font-size:13px}.input-wrap{min-height:53px}.submit{min-height:53px}}
@media(max-width:1050px){.intro{padding:36px 33px}.form-side{padding:32px 30px 24px}.intro-content{padding-top:45px}h1{font-size:42px;letter-spacing:-1.9px}.server-visual{max-width:350px;height:220px}.resource-node{padding:11px 9px;gap:7px}.resource-node small{font-size:6px}.resource-node strong{font-size:9px}.resource-symbol{font-size:20px}.cpu-node>svg{display:none}.cpu-node{top:32px}.ram-node{top:13px}.disk-node{bottom:7px}.central-node{width:80px;height:87px}.orbit-three{width:300px;height:300px}h2{font-size:31px}.form-description{font-size:10px}.form-card{max-width:310px}.form-footer{font-size:7px}}
@media(max-width:740px){.login-layout{grid-template-columns:1fr}.intro{padding:25px 27px 22px;min-height:0}.brand img{height:34px;width:34px;border-radius:9px}.brand>span{font-size:26px}.brand small{font-size:7px;letter-spacing:1.8px;margin-top:6px}.intro-content{margin:24px 0 0;padding:0;max-width:none}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:29px;letter-spacing:-1.2px;line-height:1.2;margin:12px 0 0}h1 br{display:none}h1 br:after{content:" "}h1{max-width:360px}.intro-content>p,.server-visual,.intro-footer{display:none}.intro:after{opacity:.15}.form-side{padding:23px 27px;min-height:calc(100svh - 198px)}.form-top{position:absolute;top:-44px;right:27px}.secure-badge{font-size:7px;padding:5px 8px;background:#ffffff09;border-color:#8ba59444;color:#b8cdbd}.secure-badge svg{height:11px;width:11px}.form-card{max-width:390px;padding:27px 0 34px;margin:auto}.welcome-icon{width:40px;height:40px;margin-bottom:22px;border-radius:10px}.welcome-icon svg{height:22px;width:22px}.form-eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}h2{font-size:31px}.form-description{font-size:11px;margin-bottom:27px}label{font-size:11px}.input-wrap{min-height:50px}input{font-size:13px}.input-wrap input::placeholder{font-size:12px}.form-bottom{margin-top:28px}.form-footer{font-size:8px}.submit{font-size:12px}.form-note{font-size:9px}}
@media(max-width:370px){.intro{padding-left:22px;padding-right:22px}.form-side{padding-left:22px;padding-right:22px}.secure-badge{font-size:6px}.form-top{right:22px}h1{font-size:26px}h2{font-size:29px}.form-footer{font-size:7px}}
@media(max-width:740px){.form-top{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}