.login-body { display: grid; place-items: center; min-height: 100vh; padding: 24px; }
.login-card { width: 100%; max-width: 380px; padding: 36px 28px 28px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); text-align: center; }
.login-logo { display: block; margin: 0 auto 18px; border-radius: 12px; border: 1px solid #2c2c33; background: #0d0d10; }
.login-card h1 { font-size: 22px; }
.login-lead { margin: 8px 0 22px; color: var(--muted); }
.login-error { margin-bottom: 16px; padding: 10px 12px; border: 1px solid #4a2326; border-radius: 8px; background: #1a0f10; color: #ffb4b4; font-size: 13px; text-align: left; }
.login-btn { display: block; height: 40px; line-height: 40px; border-radius: 8px; background: #fff; color: #000; font-weight: 600; transition: background-color 0.15s; }
.login-btn:hover { background: #e5e5e5; }
.login-btn:focus-visible { outline: 2px solid #7aa7ff; outline-offset: 2px; }
.login-fine { margin-top: 18px; color: var(--faint); font-size: 12px; line-height: 1.5; }
.login-fine a { color: var(--muted); text-decoration: underline; text-underline-offset: 2px; }