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

body{
background:#070707;
color:#fff;
overflow-x:hidden;
}

/* GOLD COLOR */
.gold{
color:#D4AF37;
}

/* NAVBAR */
.navbar{
background:#0d0d0d;
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
}

.navbar-brand{
font-size:28px;
font-weight:700;
color:#fff !important;
letter-spacing:1px;
}

.nav-link{
color:#fff !important;
margin-left:18px;
font-weight:500;
transition:0.3s;
}

.nav-link:hover{
color:#D4AF37 !important;
}

/* BUTTON GOLD */
.btn-gold{
background:#D4AF37;
color:#000;
padding:10px 25px;
border-radius:50px;
font-weight:600;
transition:0.3s;
border:none;
}

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

/* HERO SECTION */
.hero{
min-height:100vh;
display:flex;
align-items:center;
padding-top:120px;
}

/* TAG */
.tag{
display:inline-block;
padding:8px 20px;
border:1px solid #D4AF37;
border-radius:50px;
color:#D4AF37;
font-size:14px;
margin-bottom:20px;
}

/* HEADING */
.hero h1{
font-size:60px;
font-weight:800;
line-height:1.2;
margin-bottom:20px;
}

/* PARAGRAPH */
.hero p{
color:#b5b5b5;
font-size:16px;
line-height:1.8;
margin-bottom:30px;
}

/* BUTTONS */
.hero-buttons a{
margin-right:15px;
}

/* STATS */
.hero-stats{
display:flex;
gap:40px;
margin-top:50px;
}

.hero-stats h3{
color:#D4AF37;
font-size:30px;
font-weight:700;
}

.hero-stats p{
color:#aaa;
font-size:14px;
}

/* IMAGE */
.hero-image img{
width:100%;
animation:float 4s ease-in-out infinite;
}

@keyframes float{
0%{transform:translateY(0);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0);}
}

/* RESPONSIVE */
@media(max-width:768px){

.hero h1{
font-size:38px;
}

.hero-stats{
flex-direction:column;
gap:20px;
}

.navbar-brand{
font-size:22px;
}

}