:root {
            --primary-bg: #1A1915;
            /* Deep Charcoal */
            --accent-color: #B59410;
            /* Rich Gold */
            --light-cream: #FFFDF5;
            /* Light Cream */
        }

        body {
            font-family: 'Outfit', sans-serif;
            background-color: var(--light-cream);
            color: var(--primary-bg);
            margin: 0;
        }

        /* --- Contact Hero --- */
        .contact-hero {
            background-color: var(--primary-bg);
            padding: 80px 0 50px 0;
            border-radius: 0 0 50px 50px;
            text-align: center;
            color: white;
        }

        /* --- Info Cards --- */
        .info-card {
            background: white;
            border-radius: 24px;
            padding: 30px;
            text-align: center;
            border: 1px solid #F0ECE0;
            transition: 0.3s;
            height: 100%;
        }

        .info-card:hover {
            border-color: var(--accent-color);
            transform: translateY(-5px);
        }

        .icon-box {
            width: 60px;
            height: 60px;
            background: #FDFBF0;
            color: var(--accent-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            font-size: 1.5rem;
        }

        /* --- Form Styling --- */
        .contact-form-wrapper {
            background: white;
            padding: 40px;
            border-radius: 30px;
            border: 1px solid #F0ECE0;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03);
        }

        .form-control {
            border-radius: 12px;
            padding: 12px 20px;
            border: 1px solid #E5E1D1;
            background-color: #FFFDFB;
            font-size: 14px;
        }

        .form-control:focus {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 0.25rem rgba(181, 148, 16, 0.1);
        }

        .submit-btn {
            background: var(--primary-bg);
            color: white;
            border: none;
            padding: 15px 40px;
            border-radius: 50px;
            font-weight: 700;
            transition: 0.3s;
            width: 100%;
        }

        .submit-btn:hover {
            background: var(--accent-color);
            transform: scale(1.02);
        }

        /* --- WhatsApp Floating --- */
        .whatsapp-float {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: #25D366;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            z-index: 100;
            transition: 0.3s;
        }

        .whatsapp-float:hover {
            transform: scale(1.1);
            color: white;
        }

        @media (max-width: 768px) {
            .contact-form-wrapper {
                padding: 25px;
            }

            .display-4 {
                font-size: 2rem;
            }
        }