*{box-sizing:border-box}
:root{--navy:#0a2d59;--blue:#1269d2;--text:#183b63;--muted:#6d8097;--line:#c9d8e6;--soft:#f6f9fc}
html,body{margin:0;width:100%;height:100%;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f7fafe;color:var(--text)}
body{overflow:hidden}
.login-stage{position:relative;width:100%;height:100%;min-height:640px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 49% 38%,#fff 0 18%,rgba(255,255,255,.94) 32%,rgba(247,251,255,.9) 55%,#eef5fc 100%)}
.login-stage::before,.login-stage::after{content:"";position:absolute;inset-block:0;z-index:-2;pointer-events:none;background-repeat:no-repeat;background-size:auto 100%}
.login-stage::before{left:0;width:42%;background-image:url("login_tih_left_v22_1_6.avif");background-position:left center}
.login-stage::after{right:0;width:42%;background-image:url("login_tih_right_v22_1_6.avif");background-position:right center}
.login-stage .center-wash{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0 31%,rgba(255,255,255,.86) 38%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.84) 62%,rgba(255,255,255,0) 70%)}
.login-card{width:min(516px,calc(100vw - 42px));padding:38px 40px 34px;border:1px solid rgba(170,193,216,.78);border-radius:30px;background:rgba(255,255,255,.975);box-shadow:0 18px 48px rgba(35,73,112,.18),0 2px 7px rgba(35,73,112,.06);backdrop-filter:blur(4px)}
.login-brand{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:10px}
.login-brand img{width:72px;height:72px;object-fit:contain;object-position:center;display:block;padding:5px;box-sizing:border-box;overflow:visible;flex:0 0 72px}
.login-brand strong{font-size:54px;line-height:1;color:#092e5c;letter-spacing:.02em;font-weight:850}
.login-subbrand{text-align:center;font-size:16px;color:#1260b6;font-weight:650;margin:0 0 18px}
.login-divider{width:48px;height:2px;border-radius:3px;background:#8fb2df;margin:0 auto 22px}
.login-title{text-align:center;margin:0;color:#092d58;font-size:22px;line-height:1.2;font-weight:850}
.login-lead{text-align:center;margin:8px 0 26px;color:#708198;font-size:13px;line-height:1.45}
.login-form{display:grid;gap:16px}
.login-field{display:grid;gap:7px}
.login-field label{font-size:13px;font-weight:800;color:#173c68}
.input-shell{position:relative}
.login-field input{width:100%;height:50px;border:1px solid #aebfd1;border-radius:6px;background:#fff;color:#173c68;padding:0 46px 0 44px;font:500 14px Inter,"Segoe UI",Arial,sans-serif;outline:none;transition:.15s}
.login-field input:focus{border-color:#276fc2;box-shadow:0 0 0 3px rgba(32,111,201,.1)}
.login-field input::placeholder{color:#92a1b3}
.field-icon{position:absolute;left:14px;top:50%;translate:0 -50%;width:19px;height:19px;color:#778da5;display:grid;place-items:center;font-size:18px}
.eye{position:absolute;right:8px;top:50%;translate:0 -50%;width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:#70869f;cursor:pointer;font-size:17px}
.eye:hover{background:#f2f6fa}
.login-submit{height:52px;border:0;border-radius:6px;background:linear-gradient(90deg,#0d5fc5,#126bd7);box-shadow:0 5px 14px rgba(18,105,210,.18);color:#fff;font-size:17px;font-weight:850;cursor:pointer;margin-top:2px}
.login-submit:hover{filter:brightness(.98)}
.login-security{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;color:#7d8da0;font-size:12px}
.login-message{margin:0 0 15px;padding:9px 11px;border-radius:8px;text-align:center;font-size:12px;line-height:1.4}
.login-message[hidden]{display:none}.login-error{color:#9a2e2e;background:#fff2f2;border:1px solid #eab9b9}.login-logout{color:#22613c;background:#f0faf4;border:1px solid #bfe0ca}
@media(max-width:1100px){.login-stage::before{width:38%;opacity:.8}.login-stage::after{width:38%;opacity:.75}.login-card{width:min(490px,calc(100vw - 36px));padding:32px 34px}.login-brand strong{font-size:46px}.login-brand img{width:62px;height:62px;padding:4px;flex-basis:62px}}
@media(max-width:760px){body{overflow:auto}.login-stage{min-height:100%;padding:24px 16px;background:linear-gradient(160deg,#f8fbff,#edf5fd)}.login-stage::before,.login-stage::after,.center-wash{display:none}.login-card{width:min(460px,100%);padding:28px 24px;border-radius:20px}.login-brand{gap:12px}.login-brand img{width:56px;height:56px;padding:4px;flex-basis:56px}.login-brand strong{font-size:39px}.login-subbrand{font-size:14px}.login-title{font-size:20px}.login-lead{font-size:12px}.login-field input{height:48px}.login-submit{height:48px}}