/* Registration form */
.registration-form { width: 100%; }
.registration-form__form { max-width: 860px; margin: 0 auto; display: grid; gap: 20px; }
.registration-form__row { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 768px) { .registration-form__row { grid-template-columns: 1fr 1fr; } .registration-form__row--triple { grid-template-columns: repeat(3, 1fr); } .registration-form__row--single { grid-template-columns: 1fr; } }
.registration-form__row .input-group { display: flex; flex-direction: column; gap: 6px; border: 1px solid rgba(231,189,183,0.4); border-radius: 14px; padding: 14px 18px; }
.registration-form__row .input-group input, .registration-form__row .select-wrapper select { border: none; outline: none; font-size: 15px; color: var(--text-main); background: transparent; width: 100%; font-family: inherit; }
.registration-form__row .select-wrapper { position: relative; display: flex; flex-direction: column; gap: 6px; border: 1px solid rgba(231,189,183,0.4); border-radius: 14px; padding: 14px 18px; }
.registration-form__row .select-wrapper select { appearance: none; padding-right: 32px; cursor: pointer; }
.registration-form__row .select-wrapper .material-symbols-outlined { position: absolute; right: 14px; bottom: 14px; color: var(--text-small, #6b7280); pointer-events: none; }
.registration-form__row .input-group .label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-small, #6b7280); }
.registration-form__error { color: #dc2626; font-size: 12px; }
.registration-form__block { display: grid; gap: 20px; }
.registration-form__block--hidden { display: none; }
.registration-form__submit { display: flex; justify-content: center; padding-top: 8px; }
.registration-form__success { max-width: 860px; margin: 0 auto 32px; display: flex; align-items: center; gap: 12px; padding: 18px 24px; border-radius: 14px; background: #f0fdf4; border: 1px solid #bbf7d0; color: #15803d; font-weight: 600; }
.registration-form__success .material-symbols-outlined { font-size: 28px; }
.registration-form--bare { max-width: none; padding: 0 !important; }
.registration-form--bare .registration-form__form { margin: 0; }
.registration-form--bare .registration-form__success { margin: 0 0 24px; }
