:root{color-scheme:light;font-family:system-ui,"Segoe UI",Arial,sans-serif;color:#222;background:#f5f5f5;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}
.login-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px 20px}
.login-panel{width:100%;max-width:360px;padding:28px;background:#fff;border:1px solid #e4e4e4;border-radius:10px}
form{display:grid}label{margin:0 0 8px;font-size:14px}input{width:100%;height:46px;padding:0 12px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222;font-size:16px;outline:none}input:focus{border-color:#555;box-shadow:0 0 0 2px #ddd}input[name=username]{margin-bottom:20px}
.form-error{margin:12px 0 0;color:#a12828;font-size:13px;line-height:1.4}.form-error:empty{display:none}
.submit-button{height:46px;margin-top:22px;border:0;border-radius:6px;background:#333;color:#fff;cursor:pointer;font-weight:600}.submit-button:hover{background:#1d1d1d}.submit-button:focus-visible{outline:3px solid #999;outline-offset:3px}.submit-button:disabled{opacity:.6;cursor:wait}
@media(max-width:400px){.login-panel{padding:24px 20px}}