#grad {
  background-image: linear-gradient(red, yellow);
}


.help-block{
    color: grey;
    font-style: italic;
}

.submit-action-wrap {
    margin-top: 1.5rem;
}

.submit-button {
    min-width: 320px;
    padding: 0.85rem 1.75rem;
    border: 0;
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 25px rgba(0, 123, 255, 0.22);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.submit-button:hover:not(:disabled),
.submit-button:focus:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0, 123, 255, 0.28);
}

.submit-button:disabled,
.submit-button.is-loading {
    opacity: 0.9;
    cursor: wait;
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.18);
}

.submit-button-spinner {
    margin-left: 0.65rem;
    vertical-align: text-bottom;
}

.submit-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.15rem;
    border-radius: 14px;
    background: #f4f8ff;
    color: #1f4f8f;
    font-weight: 500;
    box-shadow: 0 8px 22px rgba(31, 79, 143, 0.08);
}

.submit-status-icon {
    flex-shrink: 0;
    margin-right: 0.65rem;
}

.submit-status-text {
    line-height: 1.4;
}
