:root{--navy:#0b2942;--navy2:#123f60;--blue:#087bb8;--blue2:#0a91d4;--bg:#f3f7fa;--surface:#fff;--text:#142230;--muted:#667789;--border:#d9e3ea;--danger:#a82424;--success:#087443}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text)}body{min-height:100vh;background:var(--bg)}button,input{font:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:linear-gradient(135deg,#edf4f8,#fff)}
.login-brand{position:relative;overflow:hidden;display:flex;align-items:center;padding:clamp(42px,6vw,88px);color:#fff;background:linear-gradient(145deg,var(--navy),var(--navy2))}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.login-brand:before{width:440px;height:440px;right:-230px;top:-120px}.login-brand:after{width:310px;height:310px;left:-170px;bottom:-140px}.brand-content{position:relative;z-index:1;max-width:520px}.brand-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:#fff;color:var(--navy);font-size:38px;font-weight:800;box-shadow:0 16px 38px rgba(0,0,0,.18);margin-bottom:28px}.brand-kicker{font-weight:800;letter-spacing:.18em;font-size:15px;text-transform:uppercase;opacity:.92}.brand-content h1{font-size:clamp(36px,4.3vw,60px);line-height:1.04;letter-spacing:-.04em;margin:14px 0 20px}.brand-content p{font-size:18px;line-height:1.65;margin:0;max-width:460px;color:rgba(255,255,255,.8)}.brand-signature{display:inline-block;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-weight:700;color:rgba(255,255,255,.92)}
.login-area{display:flex;align-items:center;justify-content:center;padding:38px}.login-card{width:min(470px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(217,227,234,.9);border-radius:24px;padding:42px;box-shadow:0 24px 70px rgba(17,52,77,.12)}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:30px}.mobile-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:13px;font-size:23px;font-weight:800}.mobile-brand strong,.mobile-brand small{display:block}.mobile-brand strong{font-size:20px;color:var(--navy)}.mobile-brand small{margin-top:2px;color:var(--muted)}.login-header{margin-bottom:28px}.eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.login-header h2{margin:0 0 8px;font-size:32px;letter-spacing:-.025em}.login-header p{margin:0;color:var(--muted);line-height:1.55}.alert{padding:13px 15px;border-radius:11px;margin:0 0 20px;font-size:14px;line-height:1.45}.alert-error{background:#fff1f1;color:var(--danger);border:1px solid #f1cccc}.alert-success{background:#edfdf4;color:var(--success);border:1px solid #c8efd9}.login-form{display:grid;gap:20px}.form-group label{font-size:14px;font-weight:700;color:#314657}.label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.label-row a{font-size:13px;font-weight:700;color:var(--blue);text-decoration:none}.form-group>label{display:block;margin-bottom:8px}.form-group input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:#fff;color:var(--text);outline:none;transition:.18s ease}.form-group input::placeholder{color:#9aabb8}.form-group input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,123,184,.1)}.password-wrapper{position:relative}.password-wrapper input{padding-right:84px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);padding:8px;font-size:13px;font-weight:800;cursor:pointer}.login-button{width:100%;min-height:52px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(8,123,184,.22);transition:transform .15s ease,box-shadow .15s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(8,123,184,.28)}.login-button:disabled{opacity:.72;cursor:wait;transform:none}.login-footer{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid #edf1f4;color:#8493a0;font-size:11px}
@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-area{min-height:100vh;padding:22px}.login-card{padding:30px;border-radius:20px}.mobile-brand{display:flex}.login-header h2{font-size:28px}}@media(max-width:430px){.login-area{padding:14px}.login-card{padding:24px 20px}.label-row{align-items:flex-start}.login-footer{margin-top:22px}}