:root{--login-ink:#16232f;--login-line:#e1e5ea;--login-green:#1f7a5c}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(520px,46%) minmax(440px,54%);background:#f5f5f2}
.login-context{order:2;position:relative;display:grid;place-items:center;min-width:0;padding:40px;overflow:hidden;background:linear-gradient(145deg,#081a2c 0%,#0d2743 65%,#163a5c 100%)}
.login-context:before{content:"";position:absolute;width:720px;height:720px;right:-390px;bottom:-420px;border:1px solid #87abc321;border-radius:50%;box-shadow:0 0 0 95px #79a2bd0c,0 0 0 190px #79a2bd0a}.login-context:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#a9863f 48%,transparent)}
.login-identity{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.login-identity .login-logo{width:82px;height:82px;filter:drop-shadow(0 12px 24px #0005)}.login-identity strong,.login-identity small{display:block}.login-identity strong{color:#fff;font-size:32px;font-weight:650;letter-spacing:.09em}.login-identity small{max-width:230px;margin-top:7px;color:#a9bfd0;font-size:12px;line-height:1.5;letter-spacing:.025em}
.login-panel{order:1;position:relative;display:grid;place-items:center;min-width:0;padding:46px clamp(35px,6vw,96px);border:0;background:#f7f9fa}.login-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff7,transparent 40%);pointer-events:none}
.login-box{position:relative;z-index:1;width:min(470px,100%);max-width:none;padding:42px 44px 40px;border:1px solid var(--login-line);border-radius:12px;background:#fff;box-shadow:0 18px 55px rgba(12,40,64,.1)}.login-box h2{margin:0 0 30px;color:var(--login-ink);font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.02em;text-align:left;text-transform:none}.mobile-brand{display:none}
.login-form>label{display:block;margin:18px 0 7px;color:#304b61;font-size:12px;font-weight:700}.login-form .field{height:52px;display:flex;align-items:center;overflow:hidden;border:1px solid #cbd7df;border-radius:7px;background:#f9fafb;transition:border-color .15s,box-shadow .15s,background .15s}.login-form .field:focus-within{border-color:#4f819f;background:#fff;box-shadow:0 0 0 3px #2f759c16}.login-form .field input{min-width:0;flex:1;padding:0 13px;border:0;background:transparent;color:#172f43;font-size:14px;outline:0}.field-icon{width:44px;height:100%;display:grid;place-items:center;flex:0 0 44px;padding:0;border:0;border-right:1px solid #e0e6ea;color:#5c819a;font-size:8px}.field-icon.lock{font-size:7px}.login-form .field button{height:100%;padding:0 14px;border:0;border-left:1px solid #e0e6ea;background:transparent;color:#326a8b;font-size:11px;font-weight:700;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin:17px 0 24px;color:#50677a;font-size:11px}.login-options label{display:flex;align-items:center;gap:7px}.login-options input{width:15px;height:15px;accent-color:var(--login-green)}.login-options a{color:#23698f;text-decoration:none}.login-options a:hover{text-decoration:underline}.login-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:7px;background:#0b2945;box-shadow:0 9px 20px #0b294525;color:#fff;font-size:13px;font-weight:750;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}.login-submit:hover{transform:translateY(-1px);background:#103a5d;box-shadow:0 12px 25px #0b294530}.login-submit b{font-size:15px}.login-submit>i{display:none;width:16px;height:16px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}.login-submit.loading .login-submit-label,.login-submit.loading b{display:none}.login-submit.loading>i{display:block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-error{margin-bottom:14px;padding:11px 12px;border-left:3px solid #ae4149;border-radius:4px;background:#fff2f2;color:#85363c;font-size:12px}
@media(max-width:900px){.login-page{grid-template-columns:minmax(430px,58%) minmax(300px,42%)}.login-context{padding:25px}.login-identity{gap:14px}.login-identity .login-logo{width:66px;height:66px}.login-identity strong{font-size:25px}.login-panel{padding:32px}}
@media(max-width:700px){.login-page{display:block}.login-context{display:none}.login-panel{min-height:100vh;padding:22px}.login-box{padding:34px 25px 30px}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}.mobile-brand .login-logo{width:48px;height:48px}.mobile-brand strong{color:var(--login-ink);font-size:19px;letter-spacing:.06em}.login-box h2{text-align:center}}
@media(prefers-reduced-motion:reduce){.login-submit,.login-submit>i{transition:none;animation-duration:.01ms}}