:root{--login-navy:#071426;--login-ink:#10233f;--login-blue:#2f6df6;--login-soft:#f4f7fc}
.login{position:fixed;inset:0;z-index:50;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:grid;place-items:center;overflow:auto;background:#eaf0f8}
.login[hidden]{display:none!important}
.login::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,#b8d0ff80,transparent 29%),radial-gradient(circle at 92% 88%,#b8e7df66,transparent 27%)}
.login-shell{position:relative;width:min(1120px,100%);min-height:min(720px,calc(100svh - 44px));display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);overflow:hidden;border:1px solid #ffffffcc;border-radius:28px;background:#fff;box-shadow:0 35px 90px #17345b26,0 3px 15px #17345b12}
.login-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:46px;color:#fff;overflow:hidden;background:linear-gradient(145deg,#071426,#0d2440 56%,#0a3151)}
.login-showcase::after{content:"";position:absolute;z-index:-1;right:-80px;bottom:-180px;width:480px;height:480px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}
.showcase-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.glow-one{width:290px;height:290px;right:-80px;top:-90px;background:#3478ff4d}.glow-two{width:250px;height:250px;left:-100px;bottom:8%;background:#19b89f26}
.login-brand>span,.mobile-brand>span{background:linear-gradient(145deg,#4b8cff,#41c7b0);box-shadow:0 8px 28px #174b9b66}.login-brand b{letter-spacing:.01em}.login-brand small{color:#a9bdd2}
.showcase-copy{margin:auto 0;max-width:500px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;color:#b8cce0;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#48d6b8;box-shadow:0 0 0 5px #48d6b81a}
.showcase-copy h2{margin:0;font-size:clamp(43px,5vw,66px);line-height:1.03;letter-spacing:-.055em}.showcase-copy h2 em{font-style:normal;color:#79a8ff}.showcase-copy p{max-width:450px;margin:25px 0 0;color:#b7c9db;font-size:16px;line-height:1.75}
.showcase-proof{display:flex;align-items:center;gap:13px;padding-top:25px;border-top:1px solid #ffffff17}.showcase-proof .shield-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #63dcc533;border-radius:11px;background:#33bfa51a;color:#62dcc4;font-weight:800}.showcase-proof div{display:flex;flex-direction:column;gap:3px}.showcase-proof b{font-size:13px}.showcase-proof small{color:#91a8be;font-size:11px}
.login-form-side{display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:54px clamp(42px,6vw,80px);background:linear-gradient(180deg,#fff,#fbfcff)}.mobile-brand{display:none}.login .login-card{width:100%;max-width:420px;margin:auto;padding:0}.welcome-mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:28px;border:1px solid #d9e5f7;border-radius:14px;background:#f0f5ff;color:#2e6ced;font-size:13px;font-weight:850;letter-spacing:.04em}
.login-heading{margin-bottom:30px}.login-kicker{display:block;margin-bottom:10px;color:#2f6df6;font-size:10px;font-weight:850;letter-spacing:.18em}.login-heading h1{margin:0;color:var(--login-ink);font-size:30px;line-height:1.2;letter-spacing:-.035em}.login-heading p{margin:10px 0 0;color:#788ba5;font-size:14px}
.login .field-label{display:block;margin:18px 0 8px;color:#344964;font-size:12px;font-weight:750}.input-wrap{position:relative}.input-wrap input{width:100%;height:52px;border:1px solid #dce5f0;border-radius:12px;padding:0 68px 0 44px;background:#fafdff;color:#132942;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap input::placeholder{color:#a0aec0}.input-wrap input:focus{border-color:#78a3ff;background:#fff;box-shadow:0 0 0 4px #2f6df612}.input-icon{position:absolute;z-index:1;left:16px;top:50%;translate:0 -50%;display:grid;place-items:center;width:15px;height:15px;border:2px solid #7890aa;border-radius:50%;color:transparent}.input-icon::after{content:"";position:absolute;width:9px;height:5px;bottom:-7px;border:2px solid #7890aa;border-bottom:0;border-radius:9px 9px 0 0}.input-icon.lock{border-radius:3px;height:13px}.input-icon.lock::after{width:7px;height:6px;top:-8px;bottom:auto;border:2px solid #7890aa;border-bottom:0;border-radius:7px 7px 0 0}.login .password-toggle{position:absolute;right:9px;top:50%;translate:0 -50%;width:auto;margin:0;border:0;border-radius:7px;padding:7px 8px;background:transparent;color:#58708e;font-size:11px;font-weight:750;cursor:pointer}.login .password-toggle:hover{background:#edf3fc;color:#285fcf}
.login .login-submit{width:100%;height:54px;margin-top:24px;border:0;border-radius:12px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#3477fb,#2459d6);box-shadow:0 13px 27px #2f6df62d;color:#fff;font-weight:780;cursor:pointer;transition:transform .18s,box-shadow .18s}.login .login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px #2f6df63d}.login .login-submit:active{transform:translateY(0)}.login-submit i{font-style:normal;font-size:19px}.login .error{min-height:18px;margin:10px 0 0;text-align:center}.login .login-security{display:flex;justify-content:center;align-items:center;gap:7px;margin:14px 0 0;color:#91a0b4;font-size:11px}.login-security span{color:#269f87}.login .login-footer{margin:28px 0 0;text-align:center;color:#a3afbf;font-size:10px}
@media(max-width:820px){.login{position:fixed;padding:0;background:#fff}.login::before{background:radial-gradient(circle at 100% 0,#dbe8ff 0,transparent 33%),radial-gradient(circle at 0 100%,#dff4ef 0,transparent 30%)}.login-shell{width:100%;min-height:100svh;display:block;overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.login-showcase{display:none}.login-form-side{min-height:100svh;padding:max(26px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:transparent}.mobile-brand{display:flex;margin-bottom:clamp(42px,10vh,76px)}.mobile-brand small{color:#71839b}.login-card{margin:0 auto}.welcome-mark{display:none}.login-heading h1{font-size:28px}.login-footer{margin-top:auto;padding-top:38px}}
@media(max-width:380px){.login-form-side{padding-left:19px;padding-right:19px}.mobile-brand{margin-bottom:34px}.login-heading{margin-bottom:24px}.login-heading h1{font-size:25px}.input-wrap input{height:50px}.login-submit{height:52px}}
@media(prefers-reduced-motion:reduce){.login-submit,.input-wrap input{transition:none}}