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

body{
    background:#ffffff;
     
   
}

/* BASE */
.reveal,
.reveal-left,
.reveal-right,
.reveal-zoom{
    opacity:0;
    transition:all 0.8s ease;
}

/* DEFAULT (BOTTOM TO TOP) */
.reveal{
    transform:translateY(60px);
}

/* LEFT */
.reveal-left{
    transform:translateX(-80px);
}

/* RIGHT */
.reveal-right{
    transform:translateX(80px);
}

/* ZOOM */
.reveal-zoom{
    transform:scale(0.8);
}

/* ACTIVE (WHEN VISIBLE) */
.reveal.active,
.reveal-left.active,
.reveal-right.active,
.reveal-zoom.active{
    opacity:1;
    transform:translate(0,0) scale(1);
}

/* ===== COLORS ===== */
:root{
    --gold1:#c9a227;
    --gold2:#f5d76e;
    --gold3:#fff3b0;
    --red1:#f31818;
    --red2:#fe3a3af3;
    --dark:#1a1a1a; /* dark text color */
    --secondary:#555555; /* secondary text */
    --section-bg:#fffdf0; /* light cream background */
}



/* ===== NAVBAR ===== */
.navbar{
    position:fixed;
    top:0;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1px 60px;

    background: rgba(255, 255, 255, 0.6);

    /* Blur effect */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    z-index:1000;
}

/* ===== LOGO ===== */
.logo img{
    height:100px;
    width: 150px;
    transition:0.3s ease;
}

.logo img:hover{
    transform:scale(1.08);
    /* filter:drop-shadow(0 0 10px var(--gold2)); */
}

/* ===== NAV LINKS ===== */
.nav-links{
    display:flex;
    gap:50px;
}

/* NAV ITEM */
.nav-item{
    position:relative;
    text-decoration:none;
    color:#000000;
    font-size:17px;
    font-weight:600;
    transition:0.3s;
}

/* UNDERLINE */
.nav-item::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0%;
    height:2px;
    background:linear-gradient(90deg,var(--red1),var(--red2),var(--red1));
    transition:width 0.4s ease;
}

/* HOVER */
.nav-item:hover{
    color:var(--red2);
}

.nav-item:hover::after{
    width:100%;
}

/* ACTIVE */
.nav-item.active{
    color:var(--red2);
}

.nav-item.active::after{
    width:100%;
}

/* ===== CTA BUTTON ===== */
.cta-btn{
    text-decoration:none;
    padding:10px 26px;
    border-radius:30px;
    color:var(--red2);
    border:2px solid var(--red2);
    position:relative;
    overflow:hidden;
    transition:0.4s;
    font-weight:600;
}

/* FILL EFFECT */
.cta-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
  background:linear-gradient(90deg,var(--red1),var(--red2));;
    transition:0.4s ease;
    z-index:-1;
}

.cta-btn:hover::before{
    left:0;
}

.cta-btn:hover{
    color:#fff;
    box-shadow:0 0 18px rgba(254,58,58,0.5);
}

/* ===== HAMBURGER ===== */
.menu-toggle{
    display:none;
    font-size:26px;
    color:#000000;
    cursor:pointer;
}

/* ===== CLOSE BUTTON ===== */
.close-btn{
    display:none;
    font-size:28px;
    color:#000000;
    text-align:right;
    cursor:pointer;
    margin-bottom:20px;
}

/* MOBILE CTA */
.cta-mobile{
    display:none;
    text-decoration:none;
    padding:10px 20px;
    border-radius:30px;
    color:#ffffff;
    background:linear-gradient(90deg,var(--red1),var(--red2));
    text-align:center;
    margin-top:20px;
    font-weight:600;
}

/* ================= MOBILE ================= */
@media (max-width: 992px){

    .navbar{
        padding:1px 20px;
    }

    /* SHOW HAMBURGER */
    .menu-toggle{
        display:block;
    }

    /* NAV MENU STYLE */
    .nav-links{
        position:fixed;
        top:0;
        left:-100%;
        width:270px;
        height:100vh;
        background:#ffffff;
        flex-direction:column;
        padding:30px;
        gap:25px;
        transition:0.4s ease;
        z-index:2000;
    }

    /* OPEN MENU */
    .nav-links.active{
        left:0;
    }

    /* SHOW CLOSE */
    .close-btn{
        display:block;
    }

    /* NAV ITEMS */
    .nav-item{
        font-size:18px;
    }

    /* HIDE DESKTOP CTA */
    .cta-btn{
        display:none;
    }

    /* SHOW MOBILE CTA */
    .cta-mobile{
        display:block;
    }
}

/* SMALL MOBILE */
@media (max-width: 600px){
    .logo img{
        height:80px;
        width: 150px;
    }

    .nav-links{
        width:230px;
    }
}