*{
            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:#f6d365;
        }

        /* =========================
                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 !important;

            padding:12px 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);
        }

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

        .career-hero{

            padding:140px 20px 100px;

            text-align:center;

            position:relative;

            overflow:hidden;
        }

        .career-hero::before{

            content:"";

            position:absolute;

            width:650px;
            height:650px;

            top:-300px;
            right:-200px;

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

            filter:blur(25px);
        }

        .career-hero span{

            color:var(--gold);

            letter-spacing:5px;

            font-size:15px;

            font-weight:600;
        }

        .career-hero h1{

            font-size:70px;

            margin:25px 0;

            line-height:1.2;
        }

        .career-hero p{

            color:#cfcfcf;

            line-height:2;

            max-width:850px;

            margin:auto;
        }

        /* =========================
                BENEFITS
        ========================= */

        .benefits-section{

            padding:40px 20px 120px;
        }

        .benefits-grid{

            display:grid;

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

            gap:30px;
        }

        .benefit-card{

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

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

            border-radius:35px;

            padding:40px 30px;

            text-align:center;

            transition:.5s;

            backdrop-filter:blur(15px);
        }

        .benefit-card:hover{

            transform:
            translateY(-12px);

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

        .benefit-icon{

            width:90px;
            height:90px;

            margin:auto auto 25px;

            border-radius:28px;

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

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

            color:#000;

            font-size:34px;
        }

        .benefit-card h3{

            color:var(--gold);

            margin-bottom:15px;

            font-size:26px;
        }

        .benefit-card p{

            color:#cfcfcf;

            line-height:1.9;
        }

        /* =========================
                FORM SECTION
        ========================= */

        .career-form-section{

            padding:0 20px 120px;
        }

        .career-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:80px 50px;

            backdrop-filter:blur(15px);

            position:relative;

            overflow:hidden;
        }

        .career-wrapper::before{

            content:"";

            position:absolute;

            width:350px;
            height:350px;

            top:-180px;
            right:-100px;

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

        .form-title{

            text-align:center;

            margin-bottom:60px;
        }

        .form-title h2{

            font-size:55px;

            margin-bottom:20px;
        }

        .form-title p{

            color:#cfcfcf;

            line-height:2;
        }

        .form-control,
        .form-select{

            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,
        .form-select:focus{

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

            border-color:var(--gold);

            box-shadow:none;

            color:#fff;
        }

        .form-control::placeholder{

            color:#aaa;
        }

        .form-select option{

            background:#000;
        }

        .upload-box{

            border:
            2px dashed rgba(212,175,55,.25);

            border-radius:25px;

            padding:35px;

            text-align:center;

            margin-bottom:30px;
        }

        .upload-box i{

            font-size:45px;

            color:var(--gold);

            margin-bottom:20px;
        }

        .upload-box p{

            color:#cfcfcf;

            margin-bottom:20px;
        }

        .upload-box input{

            color:#fff;
        }

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

        .cta-section{

            padding:0 20px 120px;
        }

        .cta-box{

            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:90px 50px;

            text-align:center;

            backdrop-filter:blur(15px);
        }

        .cta-box h2{

            font-size:58px;

            margin-bottom:25px;
        }

        .cta-box p{

            color:#cfcfcf;

            line-height:2;

            max-width:850px;

            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);
        }

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

        @media(max-width:991px){

            .career-hero h1{

                font-size:48px;
            }

            .form-title h2,
            .cta-box h2{

                font-size:40px;
            }
        }

        @media(max-width:768px){

            .navbar-brand img{

                height:55px;
            }

            .career-hero h1{

                font-size:36px;
            }

            .career-wrapper,
            .cta-box{

                padding:60px 25px;
            }

            .form-title h2,
            .cta-box h2{

                font-size:32px;
            }
        }