@import url('./home.css');
.form-card { padding: clamp(24px, 5vw, 46px); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.form-grid .full { grid-column: 1 / -1; }
.field-error { color: #a21d3a; font-size: .86rem; margin-top: 4px; min-height: 1.2em; }
.form-status { margin-top: 16px; padding: 12px 14px; border-radius: 16px; background: rgba(247,216,226,.65); color: var(--accent); }
.modal { position: fixed; inset: 0; background: rgba(45,31,36,.76); display: grid; place-items: center; padding: 20px; z-index: 120; }
.modal[hidden] { display: none; }
.modal-card { width: min(560px, 100%); padding: 34px; border-radius: 30px; background: var(--white); box-shadow: var(--shadow); text-align: center; }
@media (max-width: 680px) { .form-grid { grid-template-columns: 1fr; } }