/* Base Styles */
    .contact-section {
        background-color: #f8f9fa;
        overflow: hidden;
    }
    
    /* Background Blobs */
    .contact-blob-1 {
        position: absolute;
        width: 600px;
        height: 600px;
        background: rgba(13, 110, 253, 0.05);
        border-radius: 50%;
        filter: blur(60px);
        top: -300px;
        right: -300px;
        animation: float 15s ease-in-out infinite;
    }
    
    .contact-blob-2 {
        position: absolute;
        width: 400px;
        height: 400px;
        background: rgba(111, 66, 193, 0.05);
        border-radius: 50%;
        filter: blur(60px);
        bottom: -200px;
        left: -200px;
        animation: float 12s ease-in-out infinite reverse;
    }
    
    @keyframes float {
        0%, 100% {
            transform: translate(0, 0);
        }
        50% {
            transform: translate(-50px, -50px);
        }
    }
    
    /* Contact Cards */
    .contact-form-card,
    .contact-info-card {
        background-color: white;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .contact-form-card:hover,
    .contact-info-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Form Elements */
    .bg-primary-light {
        background-color: rgba(13, 110, 253, 0.1) !important;
    }
    
    .border-primary-light {
        border-color: rgba(13, 110, 253, 0.2) !important;
    }
    
    /* Icon Box */
    .icon-box {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        font-size: 1.25rem;
    }
    
    /* Social Icons */
    .social-icon {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: white;
        font-size: 1.1rem;
        transition: transform 0.3s ease;
    }
    
    .social-icon:hover {
        transform: translateY(-3px);
    }
    
    .bg-facebook { background-color: #3b5998; }
    .bg-twitter { background-color: #1da1f2; }
    .bg-linkedin { background-color: #0077b5; }
    .bg-instagram { background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }
    .bg-github { background-color: #333; }
    
    /* Map Card */
    .map-card {
        border: 1px solid rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .map-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Responsive Adjustments */
    @media (max-width: 992px) {
        .contact-form-card,
        .contact-info-card {
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 768px) {
        .contact-method .icon-box {
            width: 40px;
            height: 40px;
            font-size: 1rem;
        }
    }