*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100vh;margin:0;padding:24px 15px;display:flex;align-items:center;justify-content:center;background:#f8fafd;color:#050383;font-family:Arial,'Segoe UI',sans-serif;font-size:15px}
.login-box{width:350px;max-width:100%;background:#fff;padding:30px;border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,.15)}
.login-box h2{margin:0 0 20px;text-align:center;font-size:25px;font-weight:800;color:#170655;letter-spacing:.3px}
.login-form{display:flex;flex-direction:column;gap:12px}
.login-field{display:flex;flex-direction:column;gap:6px}
.login-field label{font-size:14px;font-weight:800;color:#170655}
input{width:100%;min-height:44px;padding:10px 12px;margin:0;border:1px solid #ddd;border-radius:6px;font:inherit;background:#fff;color:#212529}
input:focus{outline:none;border-color:#07a764;box-shadow:0 0 0 1px rgba(8, 128, 92, 0.233)}
button,.btn-primary{width:100%;height:44px;min-width:100%;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;background:#025a2a;color:#fff;font:inherit;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap}
button:hover,.btn-primary:hover{opacity:.92}
button:focus-visible,input:focus-visible{outline:1px solid #07a764;outline-offset:3px}
button:disabled{cursor:wait;opacity:.78}
.alert-error{background:#f8d7da;color:#842029;border:1px solid #f5c2c7;padding:13px 16px;border-radius:10px;margin:0 0 14px;font-size:15px;font-weight:800;line-height:1.4}
.show-password-row{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;color:#495057;cursor:pointer;min-height:32px}
.show-password-row input[type="checkbox"]{width:18px;min-height:18px;margin:0;cursor:pointer;accent-color:#025a2a}
.login-submit{margin-top:4px}
.login-submit.is-loading::before{content:'';width:15px;height:15px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;border-radius:50%;animation:loginSpin .75s linear infinite}
@keyframes loginSpin{to{transform:rotate(360deg)}}
@media(max-width:768px){body{align-items:flex-start;padding-top:70px}.login-box{padding:24px 20px}.login-box h2{font-size:24px}.login-field label{font-size:15px}input,button,.btn-primary{min-height:46px}}
@media(prefers-reduced-motion:reduce){.login-submit.is-loading::before{animation:none}}