:root{font-family:Arial,Helvetica,sans-serif;color:#1b3d66;background:#f3f6fb;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#f3f6fb}
.login-header{height:108px;background:#fff;border-bottom:3px solid #2f80c4;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(22,53,85,.04)}
.login-logo{display:flex;align-items:center;justify-content:center;height:100%}
.login-logo img{width:82px;height:82px;object-fit:contain}
.login-main{width:90%;max-width:1500px;margin:38px auto;display:flex;justify-content:center}
.login-card{width:min(100%,490px);background:#fff;border:1px solid #d5e1ed;border-radius:15px;padding:34px 38px 38px;box-shadow:0 10px 28px rgba(22,53,85,.06)}
h1{font-size:29px;line-height:1.2;margin:0;text-align:center;color:#1b3d66}
.login-subtitle{margin:10px 0 28px;text-align:center;color:#61758a;font-size:15px}
.login-field{margin-bottom:20px}
.login-field label{display:block;font-size:15px;font-weight:700;margin-bottom:8px;color:#415b73}
.login-field input{width:100%;height:45px;border:1px solid #b8cbdc;border-radius:7px;background:#fff;color:#1b3d66;font-size:17px;padding:8px 12px}
.login-field input:focus{outline:2px solid #73a9df;outline-offset:2px}
#btn{display:block;margin:27px auto 0;padding:12px 37px;border:0;border-radius:8px;background:#1d416d;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
#btn:hover{background:#153254}
#btn:focus-visible{outline:3px solid #73a9df;outline-offset:3px}
@media(max-width:520px){.login-header{height:94px}.login-logo img{width:73px;height:73px}.login-main{margin:24px auto}.login-card{padding:27px 22px}}