:root { color-scheme: light; font-family: Verdana, Arial, sans-serif; background: #d9dce1; color: #20242a; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 18px; }
.login { width: min(440px, 100%); border: 1px solid #173553; border-radius: 4px; background: #f5f6f8; box-shadow: 0 8px 25px rgba(25, 36, 50, .18); }
.login h1 { margin: 0; padding: 17px 20px; border-bottom: 1px solid #173553; border-radius: 3px 3px 0 0; color: white; background: linear-gradient(#597fa8, #284d78 58%, #1b3c61); font: bold 24px Georgia, "Times New Roman", serif; }
.login-body { padding: 20px; }
label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: bold; }
input { width: 100%; border: 1px solid #6d7580; padding: 9px 10px; font: 14px Verdana, Arial, sans-serif; }
button { margin-top: 12px; border: 1px solid #173553; border-radius: 2px; padding: 8px 14px; color: white; background: linear-gradient(#557ba5, #294d78); cursor: pointer; font: bold 12px Verdana, Arial, sans-serif; }
.hint { color: #5c6470; font-size: 11px; }
.error { border: 1px solid #ad4b3e; background: #fff0ed; padding: 9px; color: #76281f; font-size: 11px; }