:root{--brand-blue:#004187;--brand-blue-light:#0b6fb7;--brand-red:#a50e2d;--ink:#18324a;--muted:#6b7f91;--line:#dce6ef;--white:#fff}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:#fff;font:14px/1.5 "Segoe UI",Arial,sans-serif}
.login-page{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);min-height:100vh}
.login-brand{position:relative;display:grid;overflow:hidden;padding:clamp(42px,7vw,105px);place-items:center start;color:#fff;background:linear-gradient(135deg,#00356f 0%,var(--brand-blue) 54%,var(--brand-blue-light) 100%)}
.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.login-brand:before{width:440px;height:440px;right:-240px;top:-180px}.login-brand:after{width:310px;height:310px;left:-170px;bottom:-170px}
.login-brand-content{position:relative;z-index:1;width:min(100%,620px)}.login-brand img{display:block;width:clamp(290px,25vw,380px);max-width:100%;max-height:112px;padding:13px 22px;border-radius:12px;background:#fff;object-fit:contain;box-shadow:0 14px 34px rgba(0,30,65,.24)}
.login-brand-rule{display:block;width:48px;height:4px;margin:38px 0 20px;border-radius:3px;background:var(--brand-red)}.login-brand-content>p{margin:0;color:rgba(255,255,255,.76);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.login-brand h1{max-width:560px;margin:14px 0 18px;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.025em}.login-brand .login-brand-description{max-width:510px;color:rgba(255,255,255,.78);font-size:16px;font-weight:400;letter-spacing:0;line-height:1.6;text-transform:none}.login-brand-accent{position:absolute;right:0;bottom:0;width:30%;height:5px;background:var(--brand-red)}
.login-access{display:grid;align-content:center;justify-items:center;padding:44px;background:#fff}.login-card{width:min(100%,430px)}.login-kicker{color:var(--brand-blue-light);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-heading h2{margin:7px 0 4px;color:var(--brand-blue);font-size:34px;line-height:1.2}.login-heading p{margin:0 0 30px;color:var(--muted)}
.login-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;border:1px solid #f0cad2;border-radius:9px;color:#761228;background:#fff7f8}.login-message>span{display:grid;flex:0 0 23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:var(--brand-red);font-weight:700}.login-message p{margin:1px 0 0}
.login-field{margin-bottom:18px}.login-field label{display:block;margin-bottom:7px;color:#365069;font-size:13px;font-weight:650}.login-control{display:grid;grid-template-columns:42px 1fr;min-height:48px;border:1px solid #cbd8e3;border-radius:9px;background:#fff;transition:.16s ease}.login-control:focus-within{border-color:var(--brand-blue-light);box-shadow:0 0 0 3px rgba(11,111,183,.12)}.login-control-icon{display:grid;place-items:center;border-right:1px solid #e5ebf1;color:var(--brand-blue-light);font-size:12px;font-weight:700}.login-control input{width:100%;min-width:0;padding:10px 13px;border:0;border-radius:0 9px 9px 0;color:var(--ink);background:transparent;font:15px "Segoe UI",Arial,sans-serif;outline:0}
.login-submit{width:100%;min-height:48px;margin-top:7px;padding:11px 18px;border:0;border-radius:9px;color:#fff;background:var(--brand-blue);font:650 14px "Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:0 7px 18px rgba(0,65,135,.16);transition:.16s ease}.login-submit:hover{background:var(--brand-blue-light);transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,65,135,.2)}.login-help{margin:23px 0 0;color:var(--muted);font-size:12px;text-align:center}.login-footer{align-self:end;margin:55px 0 0;color:#8a9aa8;font-size:11px;text-align:center}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{min-height:280px;padding:36px 28px;place-items:center;text-align:center}.login-brand-content{display:grid;justify-items:center}.login-brand-rule{margin:22px 0 13px}.login-brand h1{margin:9px 0;font-size:31px}.login-brand .login-brand-description{display:none}.login-access{padding:42px 24px}}
@media(max-width:520px){.login-brand{min-height:220px}.login-brand img{width:250px;padding:10px 17px}.login-brand h1{font-size:25px}.login-access{align-content:start;padding:34px 20px}.login-heading h2{font-size:29px}}