body { font-family: Arial, sans-serif; margin: 0; padding: 24px; background:#faf6fb; }
    .card { max-width: 420px; margin: 40px auto; background:#fff; border-radius: 16px; padding: 18px; box-shadow: 0 8px 26px rgba(0,0,0,.08); }
    label { display:block; margin-top: 12px; font-weight: 700; }
    input { width: 95%; padding: 10px; margin-top: 6px; border-radius: 10px; border: 1px solid #ddd; }
    button { margin-top: 14px; width: 100%; padding: 12px; border: 0; border-radius: 12px; font-weight: 800; cursor: pointer; }
    .hint { margin-top: 10px; color:#6b3b62; font-size: 14px; }
    .error { margin-top: 10px; color:#b00020; font-weight: 700; }

input:focus-visible,
button:focus-visible {
  outline: 3px solid #1f2a44;
  outline-offset: 3px;
}
 button{
  background: #1f2a44;
  color: #ffffff;
}