:root{font-family:Arial,Helvetica,sans-serif;color:#17243a;background:#001A35}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#001A35,#004194)}
.login-card{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:42px;box-shadow:0 25px 70px #0004}
.brand-logo{font-size:29px;font-weight:900;letter-spacing:2px;color:#004194;margin-bottom:26px}
h1{font-size:27px;margin:0 0 9px}
.subtitle{color:#66758a;font-size:14px;margin-bottom:30px}
label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}
input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:9px;font-size:15px;outline:none}
input:focus{border-color:#004194;box-shadow:0 0 0 3px #0041941c}
button{width:100%;margin-top:27px;padding:15px;border:0;border-radius:9px;background:#004194;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
button:hover{background:#E2361F}
button:disabled{opacity:.65;cursor:wait}
#loginMessage{min-height:20px;font-size:13px;color:#bd3030;margin-top:15px}
footer{margin-top:25px;padding-top:20px;border-top:1px solid #e5eaf0;text-align:center;font-size:11px;color:#8a98a9}
@media(max-width:480px){.login-card{padding:28px 23px}.brand-logo{font-size:25px}h1{font-size:24px}}