.form { background: #fff; border-radius: var(--border-radius); padding: 40px; max-width: 800px; margin: 0 auto; box-shadow: var(--shadow-lg); transition: var(--transition); }
.form:hover { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12); }
.form__submit { font: 600 16px/20px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; width: 100%; max-width: 200px; background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)); display: flex; justify-content: center; align-items: center; padding: 14px 24px; border-radius: 12px; color: #fff; cursor: pointer; transition: var(--transition); height: 52px; border: none; gap: 8px; position: relative; overflow: hidden; letter-spacing: 0.3px; text-align: center; white-space: nowrap; }
.form__submit-text { display: inline-flex; align-items: center; justify-content: center; gap: 8px; position: relative; z-index: 1; }
.form__submit::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.6s; z-index: 0; }
.form__submit:hover::before { left: 100%; }
.form__submit:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.form__submit:active { transform: translateY(0); }
.form__submit--inactive { pointer-events: none; background: #94a3b8 !important; opacity: 0.6; transform: none !important; }
.form__submit.btload--loading { pointer-events: none !important; background: var(--main-color) !important; opacity: 0.8; }
.form__submit.btload--loading .form__submit-text { opacity: 0; visibility: hidden; position: absolute; }
.form__submit.btload--loading .btload__ico { opacity: 1 !important; visibility: visible !important; position: relative; z-index: 2; background-color: #ffffff; display: inline-block; vertical-align: middle; height: 12px; margin: 0 4px; width: 12px; border-radius: 50%; animation-name: btload__animation; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.btload__ico { display: none !important; }
.btload--loading .btload__ico { display: inline-block !important; }
.btload__ico:nth-child(1) { animation-delay: 0s; }
.btload__ico:nth-child(2) { animation-delay: 0.4s; }
.btload__ico:nth-child(3) { animation-delay: 0.8s; }
@keyframes btload__animation { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.3); opacity: 0.2; } 100% { transform: scale(1); opacity: 1; } }
.form__sended { box-shadow: var(--shadow-lg); padding: 48px; border-radius: var(--border-radius); max-width: 800px; margin: 0 auto; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; min-height: 300px; }
.form__sended-text { font: 800 40px/48px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #10b981; text-align: center; }
.form__sended-text::before { content: '✅ '; }
.form__sended-retry { font: 400 15px/18px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #94a3b8; text-decoration: underline; cursor: pointer; transition: var(--transition); }
.form__sended-retry:hover { color: var(--main-color); }

/* HOVER */
@media (hover: hover) { .form__submit:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); } }

/* MEDIA QUERY */
@media screen and (max-width: 768px) {
    .form { padding: 28px 20px; border-radius: 12px; }
    .form__submit { max-width: 100%; height: 48px; font-size: 15px; }
    .form__sended { padding: 32px 20px; min-height: 250px; }
    .form__sended-text { font-size: 28px; line-height: 36px; }
}

@media screen and (max-width: 425px) {
    .form { padding: 20px 16px; border-radius: 12px; }
    .form__submit { height: 44px; font-size: 14px; }
    .form__sended { padding: 24px 16px; min-height: 200px; }
    .form__sended-text { font-size: 22px; line-height: 30px; }
}