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

        html{
            scroll-behavior:smooth;
        }

        body{

            background:
            radial-gradient(circle at top left,#1c1300 0%,#000 35%),
            radial-gradient(circle at bottom right,#2b1d00 0%,#000 40%),
            #000;

            color:#fff;

            overflow-x:hidden;
        }

        :root{

            --gold:#d4af37;
            --gold-light:#ffd86b;
        }

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

        .navbar{

            background:
            rgba(0,0,0,.82);

            backdrop-filter:blur(14px);

            border-bottom:
            1px solid rgba(212,175,55,.15);

            padding:14px 0;

            z-index:999;
        }

        .navbar-brand img{

            height:65px;
        }

        .nav-link{

            color:#fff !important;

            margin:0 14px;

            position:relative;

            transition:.4s;
        }

        .nav-link::after{

            content:"";

            position:absolute;

            left:0;
            bottom:-6px;

            width:0;
            height:2px;

            background:var(--gold);

            transition:.4s;
        }

        .nav-link:hover::after,
        .nav-link.active::after{

            width:100%;
        }

        .nav-link:hover,
        .nav-link.active{

            color:var(--gold) !important;
        }

        .btn-gold{

            background:
            linear-gradient(
                135deg,
                var(--gold),
                var(--gold-light)
            );

            color:#000;

            padding:16px 28px;

            border-radius:50px;

            text-decoration:none;

            font-weight:600;

            transition:.4s;
        }

        .btn-gold:hover{

            transform:
            translateY(-4px);

            box-shadow:
            0 15px 30px rgba(212,175,55,.28);

            color:#000;
        }

        /* =========================
                HERO SECTION
        ========================= */

        .contact-hero{

            min-height:90vh;

            display:flex;
            align-items:center;

            padding:120px 20px 80px;

            position:relative;

            overflow:hidden;
        }

        .contact-hero::before{

            content:"";

            position:absolute;

            width:550px;
            height:550px;

            top:-220px;
            right:-180px;

            background:
            radial-gradient(
                rgba(212,175,55,.14),
                transparent 70%
            );

            filter:blur(25px);

            animation:
            floatingGlow 8s ease-in-out infinite;
        }

        .contact-hero::after{

            content:"";

            position:absolute;

            width:450px;
            height:450px;

            bottom:-180px;
            left:-120px;

            background:
            radial-gradient(
                rgba(212,175,55,.10),
                transparent 70%
            );

            filter:blur(30px);
        }

        .hero-content{

            position:relative;

            z-index:2;
        }

        .hero-content span{

            color:var(--gold);

            letter-spacing:4px;

            font-size:15px;

            font-weight:600;
        }

        .hero-content h1{

            font-size:70px;

            line-height:1.2;

            margin:25px 0;

            font-weight:700;
        }

        .hero-content p{

            color:#d0d0d0;

            line-height:2;

            font-size:16px;

            max-width:700px;
        }

        .hero-buttons{

            display:flex;

            gap:20px;

            margin-top:40px;

            flex-wrap:wrap;
        }

        /* =========================
                CONTACT CARDS
        ========================= */

        .contact-info-section{

            padding:100px 20px;
        }

        .contact-grid{

            display:grid;

            grid-template-columns:
            repeat(auto-fit,minmax(280px,1fr));

            gap:30px;
        }

        .contact-card{

            background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.06),
                rgba(255,255,255,.02)
            );

            border:
            1px solid rgba(212,175,55,.12);

            border-radius:35px;

            padding:40px 30px;

            text-align:center;

            position:relative;

            overflow:hidden;

            transition:.5s;

            backdrop-filter:blur(15px);
        }

        .contact-card:hover{

            transform:
            translateY(-12px);

            box-shadow:
            0 25px 50px rgba(212,175,55,.15);
        }

        .contact-icon{

            width:95px;
            height:95px;

            margin:auto auto 25px;

            border-radius:30px;

            background:
            linear-gradient(
                135deg,
                var(--gold),
                var(--gold-light)
            );

            display:flex;
            align-items:center;
            justify-content:center;

            color:#000;

            font-size:36px;

            box-shadow:
            0 12px 30px rgba(212,175,55,.25);
        }

        .contact-card h3{

            color:var(--gold-light);

            margin-bottom:15px;

            font-size:28px;
        }

        .contact-card p{

            color:#d0d0d0;

            line-height:2;

            font-size:15px;
        }

        /* =========================
                CONTACT FORM
        ========================= */

        .contact-form-section{

            padding:0 20px 120px;
        }

        .contact-wrapper{

            background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.05),
                rgba(255,255,255,.02)
            );

            border:
            1px solid rgba(212,175,55,.12);

            border-radius:40px;

            padding:70px 50px;

            backdrop-filter:blur(15px);
        }

        .form-title{

            text-align:center;

            margin-bottom:50px;
        }

        .form-title h2{

            font-size:50px;

            color:#fff;

            margin-bottom:20px;
        }

        .form-title p{

            color:#cfcfcf;

            line-height:2;
        }

        .form-control{

            height:60px;

            background:
            rgba(255,255,255,.05);

            border:
            1px solid rgba(212,175,55,.12);

            border-radius:18px;

            color:#fff;

            padding:15px 20px;

            margin-bottom:25px;
        }

        textarea.form-control{

            height:180px;

            resize:none;
        }

        .form-control:focus{

            background:
            rgba(255,255,255,.05);

            border-color:var(--gold);

            box-shadow:none;

            color:#fff;
        }

        .form-control::placeholder{

            color:#aaa;
        }

        /* =========================
                CTA SECTION
        ========================= */

        .cta-section{

            padding:120px 20px;

            text-align:center;
        }

        .cta-box{

            background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.06),
                rgba(255,255,255,.02)
            );

            border:
            1px solid rgba(212,175,55,.15);

            border-radius:40px;

            padding:80px 40px;

            backdrop-filter:blur(15px);
        }

        .cta-box h2{

            font-size:55px;

            margin-bottom:25px;
        }

        .cta-box p{

            color:#d0d0d0;

            line-height:2;

            max-width:800px;

            margin:auto auto 35px;
        }

        /* =========================
                FOOTER
        ========================= */

        .main-footer{

            background:#050505;

            padding:80px 0 25px;

            border-top:
            1px solid rgba(212,175,55,.12);
        }

        .footer-bottom{

            text-align:center;

            color:var(--gold);

            margin-top:20px;
        }

        /* =========================
                ANIMATION
        ========================= */

        @keyframes floatingGlow{

            0%{
                transform:
                translateY(0px)
                translateX(0px);
            }

            50%{
                transform:
                translateY(-30px)
                translateX(20px);
            }

            100%{
                transform:
                translateY(0px)
                translateX(0px);
            }
        }

        /* =========================
                RESPONSIVE
        ========================= */

        @media(max-width:991px){

            .hero-content h1{

                font-size:50px;
            }

            .cta-box h2{

                font-size:40px;
            }
        }

        @media(max-width:768px){

            .hero-content h1{

                font-size:38px;
            }

            .form-title h2{

                font-size:35px;
            }

            .cta-box h2{

                font-size:32px;
            }

            .contact-wrapper{

                padding:50px 25px;
            }

            .navbar-brand img{

                height:55px;
            }
        }