body {
margin: 0;
font-family: 'Inter', sans-serif;
background: #050505;
color: white;
overflow-x: hidden;
}

/* LOADER */
.loader {
position: fixed;
width: 100%;
height: 100%;
background: black;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}

.loader-text {
color: gold;
font-size: 40px;
letter-spacing: 10px;
animation: pulse 2s infinite;
}


/* HEADER */
.header {
display: flex;
justify-content: space-between;
padding: 25px 80px;
position: absolute;
width: 100%;
z-index: 10;
}

.header h1 {
color: #d4af37;
font-family: 'Playfair Display';
}

/* NAV */
nav a {
margin: 0 20px;
color: white;
text-decoration: none;
position: relative;
}

nav a::after {
content: "";
position: absolute;
width: 0;
height: 1px;
background: gold;
bottom: -5px;
left: 0;
transition: 0.3s;
}

nav a:hover::after {
width: 100%;
}

/* HERO */
.hero {
height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}

.bg-video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}

.overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.75);
}

.hero-content {
position: relative;
text-align: center;
}

.hero h2 {
font-size: 80px;
color: #d4af37;
font-family: 'Playfair Display';
}

/* BUTTON */
.btn {
margin-top: 20px;
padding: 12px 40px;
border: 1px solid gold;
color: gold;
background: transparent;
cursor: pointer;
transition: 0.3s;
}

.btn:hover {
background: gold;
color: black;
}

/* FEATURES */
.features {
padding: 120px 80px;
}

.cards {
display: flex;
gap: 30px;
}

.card {
flex: 1;
padding: 40px;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(212,175,55,0.2);
transition: 0.3s;
}

.card:hover {
border-color: gold;
transform: translateY(-10px);
}

/* STATS */
.stats {
display: flex;
justify-content: center;
gap: 80px;
padding: 100px;
}

.stat h3 {
font-size: 50px;
color: gold;
}

/* JOIN */
.join {
text-align: center;
padding: 150px;
}

/* ANIMATIONS */
.fade-up {
opacity: 0;
transform: translateY(40px);
transition: all 1s ease;
}

.fade-up.show {
opacity: 1;
transform: translateY(0);
}

.hero {
  background: url('https://images.unsplash.com/photo-1493238792000-8113da705763') center/cover no-repeat;
}