/* Base styles */
.step-connector {
    height: 1px;
    width: 32px;
    background-color: #E5E7EB;
}
.step-active {
    color: #2563EB;
}
.step-inactive {
    color: #9CA3AF;
}
@media (max-width: 768px) {
    .benefits-column {
        order: 2;
    }
    .form-column {
        order: 1;
    }
}

/* Stripe Element Styles */
.StripeElement {
    padding: 0.5rem;
    border: 1px solid #E5E7EB;
    border-radius: 0.375rem;
    background: white;
}
.StripeElement--focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 1px #2563EB;
}
.StripeElement--invalid {
    border-color: #EF4444;
}