.login-page{background:#fff;grid-template-columns:minmax(420px,.95fr) minmax(480px,1.05fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:linear-gradient(145deg,#00112c 0%,#003a55 62%,#006f82 100%);flex-direction:column;min-height:100vh;padding:54px clamp(40px,6vw,92px) 32px;display:flex;position:relative;overflow:hidden}.login-brand-content{z-index:2;width:min(590px,100% - clamp(80px,12vw,184px));position:absolute;top:50%;left:clamp(40px,6vw,92px);transform:translateY(-50%)}.login-logo-light{object-fit:cover;object-position:center;filter:brightness(0)invert();width:270px;height:82px;margin:-10px 0 16px -30px}.brand-copy{max-width:520px}.brand-kicker{color:#67e4df;letter-spacing:.16em;font-size:11px;font-weight:850}.brand-copy h1{color:#fff;letter-spacing:-.055em;margin:14px 0 18px;font-size:46px;line-height:1.02}.brand-copy>p{color:#ffffffba;max-width:480px;margin:0;font-size:17px;line-height:1.65}.brand-copy ul{gap:13px;margin:30px 0 0;padding:0;list-style:none;display:grid}.brand-copy li{color:#ffffffe6;align-items:center;gap:11px;font-size:14px;display:flex}.brand-copy li span{color:#00112c;background:#00bab8;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.brand-glow{filter:blur(8px);pointer-events:none;border-radius:50%;position:absolute}.brand-glow-one{background:#00bab838;width:450px;height:450px;top:-150px;right:-260px}.brand-glow-two{background:#00869d3d;width:350px;height:350px;bottom:-130px;left:-230px}.brand-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.84;background:#ffffff17;border:1px solid #ffffff29;border-radius:18px 18px 0 0;width:390px;height:190px;position:absolute;top:calc(100% + 45px);right:0;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 70px #00000038}.preview-top{border-bottom:1px solid #ffffff1a;align-items:center;gap:5px;height:28px;padding:0 12px;display:flex}.preview-top span{background:#ffffff61;border-radius:50%;width:6px;height:6px}.preview-body{grid-template-columns:54px 1fr;height:calc(100% - 28px);display:grid}.preview-sidebar{border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:19px;padding-top:18px;display:flex}.preview-sidebar svg{color:#67e4df;width:15px}.preview-content{grid-template-columns:1fr 1fr;gap:10px;padding:22px;display:grid}.preview-content span{background:#ffffff1f;border-radius:9px;display:block}.preview-content span:first-child{grid-column:1/-1;height:35px}.brand-footer{z-index:2;color:#ffffff6b;margin:0;font-size:11px;position:absolute;bottom:32px;left:clamp(40px,6vw,92px)}.login-access-panel{background:radial-gradient(circle at 100% 0,#edfbfa 0,#0000 35%),#fff;place-items:center;min-height:100vh;padding:42px;display:grid}.login-card{width:min(430px,100%)}.login-mobile-logo,.mobile-secure{display:none}.secure-access{color:#087b7a;background:#e3f8f6;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:19px;padding:7px 10px;font-size:11px;font-weight:800;display:flex}.login-card h2{letter-spacing:-.04em;margin:0 0 9px;font-size:34px}.login-intro{color:var(--muted);margin:0 0 32px;line-height:1.6}.login-form{gap:21px;display:grid}.login-field label{color:#2a374a;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.password-label{justify-content:space-between;align-items:center;display:flex}.password-label a{color:var(--teal);margin-bottom:8px;font-size:11px;font-weight:750;text-decoration:none}.login-input{color:#8b96a5;background:#fff;border:1px solid #dce2e8;border-radius:12px;align-items:center;gap:10px;height:51px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input:focus-within{border-color:var(--aqua);color:var(--teal);box-shadow:0 0 0 4px #00bab81c}.login-input.has-error{border-color:var(--danger)}.login-input input{min-width:0;height:100%;color:var(--navy);background:0 0;border:0;outline:0;flex:1;font-size:14px}.login-input input::placeholder{color:#a7b0bc}.password-toggle{color:#7d8998;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.password-toggle:hover{color:var(--teal);background:#eef8f8}.field-error{color:var(--danger);margin:6px 2px 0;font-size:11px}.form-feedback{color:#9c3434;background:#fff4f3;border:1px solid #f0c7c5;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.45}.form-feedback:empty{display:none}.form-success{color:#176a50;background:#effbf6;border:1px solid #b9e3d4;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.45}.login-page-message{margin:-17px 0 22px}.login-submit{color:#fff;background:var(--aqua);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:750;transition:background .15s;display:flex;box-shadow:0 7px 18px #00bab833}.login-submit svg{color:#fff;stroke:currentColor}.login-submit:hover:not(:disabled){background:#00aaa8}.login-submit:disabled{cursor:wait;opacity:.7}.spin{animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-support{color:#8a95a4;text-align:center;margin:8px 0 0;font-size:11px}.login-support a{color:var(--teal);font-weight:750;text-decoration:none}@media (max-width:900px){.login-page{background:#f8fafc;grid-template-columns:1fr}.login-brand-panel{display:none}.login-access-panel{min-height:100svh;padding:max(32px, env(safe-area-inset-top)) 40px max(32px, env(safe-area-inset-bottom));background:radial-gradient(circle at 0 0,#06b6d417,#0000 34%),radial-gradient(circle at 100% 100%,#00a89612,#0000 34%),#f8fafc;justify-content:center;align-items:center;display:flex;position:relative}.login-card{width:100%;min-width:0;max-width:420px;transform:translateY(-2vh)}.login-mobile-logo{object-fit:cover;object-position:center;width:min(338px,100%);max-width:100%;height:112px;margin:0 auto 30px;display:block}.login-card h2{margin-bottom:6px;font-size:24px;line-height:1.25}.login-intro{max-width:360px;margin-bottom:26px;font-size:14px;line-height:1.65}.login-form{gap:16px}.login-field label{margin-bottom:6px;font-size:12px}.login-input{border-radius:12px;height:48px}.login-submit{border-radius:12px;height:48px;margin-top:4px}.login-submit svg:not(.spin){order:2;width:16px}.desktop-secure{display:none}.mobile-secure{margin:8px auto 0;padding:6px 12px;display:flex}.login-support{margin:50px 0 0;position:static}}@media (max-width:480px){.login-access-panel{padding-left:40px;padding-right:40px}}