.login-page { min-height: 100dvh; display: grid; place-items: center; padding: 32px 20px; }
.login-card { width: min(100%, 420px); }
.login-brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font-weight: 700; font-size: 21px; margin-bottom: 38px; }
.login-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #b7a9ff; background: #262139; }
.login-mark svg { width: 25px; height: 25px; }
.login-card h1 { font-size: 26px; line-height: 1.25; letter-spacing: -.6px; margin: 0 0 12px; }
.login-intro { color: #a3a5b6; line-height: 1.6; margin-bottom: 28px; }
.login-card form { display: grid; gap: 20px; }
.login-card input { width: 100%; min-height: 46px; }
.login-submit { width: 100%; min-height: 46px; justify-content: center; margin-top: 4px; }
.login-error { margin: 0; color: #ffaaa5; line-height: 1.5; font-size: 13px; }
.login-error[hidden] { display: none; }