*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#233044;font:17px/1.5 Arial,sans-serif;display:grid;place-items:center;min-height:100vh;padding:30px}.login-card{width:min(100%,520px);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 6px 24px #17263714}header{background:#092f58;color:white;padding:32px 36px}h1{font-size:27px;margin:0}header p{margin:4px 0 0;font-size:21px}form{padding:32px 36px}label{display:block;font-weight:bold;margin-bottom:22px}input{display:block;width:100%;font:inherit;background:#f7f9fc;border:1px solid #ccd4df;border-radius:10px;padding:15px;margin-top:8px}button{width:100%;font:inherit;font-weight:bold;padding:16px;background:#092f58;color:white;border:0;border-radius:10px;cursor:pointer}.caption{color:#6c7f99;text-align:center;font-size:14px}#error{color:#b22424;font-size:15px}[hidden]{display:none!important}@media(max-width:500px){header,form{padding:24px}body{padding:16px}}