.login-wrap { min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.login-card { width: 100%; max-width: 380px; background: var(--card); border-radius: 18px; padding: 28px 24px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.login-card h1 { margin: 0 0 4px; font-size: 24px; }
.login-card p { margin: 0 0 20px; }
.login-card label { display: block; font-weight: 600; margin: 14px 0 6px; font-size: 15px; }
.login-card .btn { width: 100%; margin-top: 22px; }
.login-error { color: var(--boo); margin-top: 12px; min-height: 1.5em; font-size: 15px; }
.brand { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.brand img { width: 44px; height: 44px; border-radius: 10px; }