.fade-up{

    opacity:0;

    transform:translateY(60px);

    transition:1s cubic-bezier(.22,1,.36,1);

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}



.fade-left{

    opacity:0;

    transform:translateX(-80px);

    transition:1s cubic-bezier(.22,1,.36,1);

}

.fade-left.show{

    opacity:1;

    transform:translateX(0);

}



.fade-right{

    opacity:0;

    transform:translateX(80px);

    transition:1s cubic-bezier(.22,1,.36,1);

}

.fade-right.show{

    opacity:1;

    transform:translateX(0);

}


.scale{

    opacity:0;

    transform:scale(.85);

    transition:1s;

}

.scale.show{

    opacity:1;

    transform:scale(1);

}


@keyframes goldGlow{

0%{

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

}

50%{

box-shadow:
0 0 25px rgba(212,175,55,.5),
0 0 80px rgba(212,175,55,.35);

}

100%{

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

}

}

.gold-btn{

animation:goldGlow 3s infinite;

}



@keyframes floating{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

.float{

animation:floating 4s ease-in-out infinite;

}



.border-shine{

position:relative;

overflow:hidden;

}

.border-shine::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:80%;

height:100%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.35),

transparent

);

transform:skewX(-25deg);

transition:.8s;

}

.border-shine:hover::before{

left:150%;

}



.hover-card{

transition:.35s;

}

.hover-card:hover{

transform:translateY(-12px);

box-shadow:

0 25px 50px rgba(0,0,0,.5),

0 0 35px rgba(212,175,55,.25);

}


.zoom{

overflow:hidden;

}

.zoom img{

transition:.6s;

}

.zoom:hover img{

transform:scale(1.08);

}
 

.text-gold{

color:#FFD700;

text-shadow:

0 0 10px rgba(212,175,55,.4),

0 0 30px rgba(212,175,55,.25);

}


@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.05);

}

100%{

transform:scale(1);

}

}

.pulse{

animation:pulse 2s infinite;

}


@keyframes rotateLight{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

.rotate-light{

position:relative;

}

.rotate-light::after{

content:"";

position:absolute;

width:220px;

height:220px;

left:50%;

top:50%;

transform:translate(-50%,-50%);

border-radius:50%;

background:

conic-gradient(

transparent,

rgba(212,175,55,.45),

transparent

);

filter:blur(45px);

animation:rotateLight 8s linear infinite;

z-index:-1;

}


.gold-btn{

position:relative;

overflow:hidden;

}

.gold-btn::after{

content:"";

position:absolute;

width:0;

height:0;

left:50%;

top:50%;

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

border-radius:50%;

transform:translate(-50%,-50%);

transition:.6s;

}

.gold-btn:hover::after{

width:350px;

height:350px;

}



.navbar.scrolled{

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

backdrop-filter:blur(24px);

border-color:rgba(212,175,55,.35);

box-shadow:

0 15px 35px rgba(0,0,0,.45);

}