.wrap { max-width: 480px; margin: 0 auto; padding: 40px 20px 80px; }
header, .auth-wrap > .logo { display: block; margin-bottom: 28px; font-size: 22px; }

.card {
  background: var(--card); border: 2px solid var(--line);
  border-radius: 16px; padding: 24px 26px; margin-bottom: 18px;
}
.card h2 { font-size: 18px; font-weight: 800; margin-bottom: 10px; }

.hint { font-size: 12.5px; color: var(--muted); font-weight: 600; line-height: 1.55; }
.error {
  font-size: 13px; font-weight: 700; color: var(--coral-ink);
  background: var(--coral-bg); border-radius: 10px; padding: 10px 12px;
  margin: 12px 0;
}

.auth-form { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.auth-form label { font-size: 13px; font-weight: 800; }
.auth-form input[type=email],
.auth-form input[type=password] {
  font-family: 'Nunito', sans-serif; font-weight: 600; font-size: 15px;
  border: 2px solid var(--line); border-radius: 10px;
  padding: 10px 12px; background: var(--bg); color: var(--ink);
  outline: none; width: 100%;
}
.auth-form input[type=email]:focus,
.auth-form input[type=password]:focus { border-color: var(--accent); }
.auth-form .btn { padding: 12px 20px; font-size: 15px; margin-top: 4px; }

#togglePasswordForm { margin-top: 18px; padding: 8px 16px; font-size: 13px; }