.login-page { min-height: 100vh; display: grid; place-items: center; padding: 28px 18px; }
.login-card { width: min(100%, 430px); margin: 0; padding: 38px; background: #1c1c1c; border: 1px solid #303030; border-radius: 20px; }
.login-card > img { width: 112px; height: auto; margin-bottom: 26px; }
.login-card h1 { font-size: 30px; }
.login-card label { display: block; margin: 22px 0 9px; font-size: 13px; color: #d5d5d5; }
.login-card input:not([type=hidden]) { width: 100%; padding: 13px; border: 1px solid #4a4a4a; border-radius: 8px; background: #121212; color: #f0f0f0; font: inherit; }
.login-card button { width: 100%; margin-top: 28px; padding: 13px; }
.login-note { font-size: 11px; color: #aaa; margin: 24px 0 0; text-align: center; }
.login-error { padding: 12px; background: #321e1b; color: #ffc1b8; border-radius: 8px; font-size: 13px; }