/* Form shell (comun login/contact) */
.contact-card { max-width: 500px; margin: 40px auto; padding: 24px; text-align: center; }
.form-styled { display: flex; flex-direction: column; gap: 16px; }
.form-styled label { display:block; text-align:left; font-weight:500; }
.form-styled .input { width:100%; box-sizing:border-box; }
.form-actions { text-align:center; margin-top: 8px; }
.form-actions .btn { width:100%; }

/* Notice states */
.notice {
  padding: 12px 14px; border-radius: 10px; font-weight: 500;
  margin-bottom: 16px; text-align: center;
}
.notice.error {
  background: rgba(255, 82, 82, 0.10);
  border: 1px solid rgba(255, 82, 82, 0.35);
  color: #ff5252;
}
.notice.success {
  background: rgba(39, 217, 128, 0.10);
  border: 1px solid rgba(39, 217, 128, 0.35);
  color: #27d980;
}