.login { max-width: 400px; min-height: 100dvh; margin: 0 auto; padding: 72px 24px 32px; display: flex; flex-direction: column; gap: 16px; }
.login .logo { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 18px; background: var(--text); color: var(--bg); }
.login h1 { margin: 8px 0 0; font-size: 28px; }
.login .lead { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.login form { display: flex; flex-direction: column; gap: 16px; margin-top: 12px; }
.login .input.big { height: 58px; font-size: 20px; padding: 0 16px; border-radius: 16px; }
.login .input.big:focus { border-color: var(--text); outline: none; box-shadow: 0 0 0 4px rgba(243,245,247,.12); }
.login .error { margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255,90,95,.14); color: #FF9A9D; font-size: 14px; font-weight: 700; animation: kshake .4s ease-out; }