/* ==========================================================================
   MAJISTECH CONSULTATION SECTION STYLES
   Dark Luxury, Minimal, High-End Futuristic Aesthetic
   Palette:
   - Black: #000000, #030305, #0a0a0f
   - Dark Purple: #150024, #25003D
   - Neon Purple: #8A00FF, #9B00FF
   - Bright Purple Glow: #B000FF, #c084fc
   - Text: #FFFFFF, #E4E4E7, #A1A1AA, #71717A
   ========================================================================== */

/* Ambient Grid & Background */
.consultation-section-ambient {
    background-color: #020204;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(155, 0, 255, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 90% 80%, rgba(98, 0, 200, 0.09) 0%, transparent 50%),
        linear-gradient(to bottom, #000000 0%, #06020c 50%, #000000 100%);
}

.consultation-grid-ambient {
    position: absolute;
    inset: 0;
    background-size: 44px 44px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
    pointer-events: none;
    z-index: 1;
}

/* Glassmorphism Card Base */
.consultation-card-surface {
    background: linear-gradient(175deg, rgba(20, 14, 32, 0.85) 0%, rgba(10, 8, 16, 0.95) 100%);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 40px rgba(155, 0, 255, 0.1);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.consultation-card-surface:hover {
    border-color: rgba(155, 0, 255, 0.3);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.9), 0 0 50px rgba(155, 0, 255, 0.18);
}

/* Form Inputs */
.consultation-input {
    background-color: rgba(5, 5, 8, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.consultation-input:hover {
    border-color: rgba(255, 255, 255, 0.25);
    background-color: rgba(12, 10, 18, 0.8);
}

.consultation-input:focus {
    border-color: #9B00FF;
    background-color: rgba(18, 12, 28, 0.9);
    box-shadow: 0 0 0 1px #9B00FF, 0 0 24px rgba(155, 0, 255, 0.35);
    outline: none;
}

.consultation-input.input-error {
    border-color: #f43f5e;
    box-shadow: 0 0 0 1px #f43f5e, 0 0 16px rgba(244, 63, 94, 0.3);
}

/* Social Connect Links */
.social-connect-link {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.social-connect-link:hover {
    transform: translateY(-3px);
    background: linear-gradient(180deg, rgba(37, 0, 61, 0.4) 0%, rgba(18, 0, 34, 0.8) 100%);
    border-color: rgba(155, 0, 255, 0.5);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 20px rgba(155, 0, 255, 0.25);
}

.social-connect-link:active {
    transform: translateY(0);
}

/* Free Consultation Badge Pulse */
@keyframes pulse-subtle {
    0%, 100% {
        box-shadow: 0 0 15px rgba(155, 0, 255, 0.25);
    }
    50% {
        box-shadow: 0 0 30px rgba(155, 0, 255, 0.5);
    }
}

.badge-glow {
    animation: pulse-subtle 4s infinite ease-in-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .consultation-card-surface {
        padding: 1.5rem 1.25rem;
        border-radius: 1.25rem;
    }
}