/* ================= RESET ================= */

        *{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Poppins', sans-serif;
        }

        /* ================= VARIABLES ================= */

        :root{
            --primary:#BFA20A;
            --dark:#0F0F0F;
            --gray:#F4F4F4;
            --white:#FFFFFF;
        }

        /* ================= NAVBAR ================= */

        nav{
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:20px 8%;
            background:var(--white);
            position:sticky;
            top:0;
        }

        nav h2{
            color:var(--primary);
            font-weight:700;
        }

        nav ul{
            display:flex;
            list-style:none;
            gap:30px;
        }

        nav a{
            text-decoration:none;
            color:#333;
            font-weight:500;
        }

        .btn-nav{
            background:var(--primary);
            color:black;
            padding:10px 18px;
            border-radius:30px;
        }

    /* ===== Section ===== */

        .contact-section{
            padding:100px 8%;
        }

        .contact-container{
            display:flex;
            align-items: stretch;
            gap:80px;
        }

        /* ===== Partie gauche ===== */

        .contact-info h1{
            font-size:48px;
            margin-bottom:30px;
        }

        .contact-info p{
            font-size:18px;
            margin-bottom:20px;
            color:#555;
        }

        .contact-details{
            margin-top:40px;
            font-weight:500;
        }

        .contact-details p{
            margin-bottom:15px;
        }

        /* ===== Form Card ===== */

        .contact-form-card{
            background:#ffffff;
            padding:50px;
            border-radius:20px;
            box-shadow:0 10px 40px rgba(0,0,0,0.08);
        }

        .form-row{
            display:flex;
            gap:20px;
        }

        .form-group{
            display:flex;
            flex-direction:column;
            margin-bottom:20px;
            width:100%;
        }

        .form-group label{
            margin-bottom:8px;
            font-weight:500;
        }

        .form-group input,
        .form-group textarea{
            padding:14px;
            border-radius:10px;
            border:1px solid #ddd;
            font-size:15px;
            transition:0.3s;
        }

        .form-group input:focus,
        .form-group textarea:focus{
            border-color:#BFA20A;
            outline:none;
            box-shadow:0 0 0 3px rgba(240,84,35,0.1);
        }

        /* ===== Button ===== */

        .btn-submit{
            background:var(--primary);
            color:#fff;
            border:none;
            padding:16px;
            font-size:16px;
            border-radius:12px;
            cursor:pointer;
            width:100%;
            font-weight:600;
            transition:0.3s;
        }

        .btn-submit:hover{
            background:#d94416;
            transform:translateY(-2px);
        }

        /* ===== Responsive ===== */

        @media(max-width:900px){

            .contact-container{
                grid-template-columns:1fr;
                gap:50px;
            }

            .form-row{
                flex-direction:column;
            }

            .contact-info h1{
                font-size:36px;
            }
        }