/* ========================================
   Premium Form Section (2025 Redesign)
   ======================================== */

.premium-form {
    background: #ffffff;
    border-radius: 24px;
    padding: 0;
    box-shadow:
        0 30px 60px rgba(45, 74, 53, 0.12),
        0 10px 30px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(45, 74, 53, 0.05);
    overflow: hidden;
    position: relative;
    transform: translateY(0);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.premium-form:hover {
    transform: translateY(-8px);
    box-shadow:
        0 40px 80px rgba(45, 74, 53, 0.18),
        0 15px 40px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(45, 74, 53, 0.08);
}

.premium-form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, #2d4a35, #4d6a55, #c9a962);
    z-index: 1;
}

.premium-form .form-header {
    background: linear-gradient(135deg, #2d4a35 0%, #3d5a45 50%, #4d6a55 100%);
    padding: var(--space-10) var(--space-8);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.premium-form .form-header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -30%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
}

.premium-form .form-header::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -20%;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(201, 169, 98, 0.2) 0%, transparent 70%);
}

/* Additional form styles would continue here if they were in the same block */

/* Enhanced Form Validation States */
.form-input.has-error,
.form-select.has-error {
    border-color: var(--color-danger);
    animation: shake 0.5s ease;
}

.form-input.has-success,
.form-select.has-success {
    border-color: var(--color-success);
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}