*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#0f0f0f;color:#fff;overflow-x:hidden}
h1,h2,h3{font-family:'Playfair Display',serif}

/* GLASS NAVBAR */
nav{
position:fixed;
width:100%;
padding:20px 40px;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(255,255,255,0.05);
backdrop-filter:blur(15px);
z-index:9999;
}
nav a{color:#fff;text-decoration:none;margin-left:20px;font-weight:500}

/* HERO VIDEO */
.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.9));z-index:-1}
.hero-content h1{font-size:48px;margin-bottom:20px}
.hero-content p{font-size:20px;margin-bottom:30px}

.btn-gold{background:linear-gradient(135deg,#d4af37,#b8962e);padding:15px 40px;border-radius:50px;color:#000;text-decoration:none;font-weight:600;transition:.3s}
.btn-gold:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(212,175,55,.4)}

.section{padding:120px 20px;text-align:center}
.light{background:#f5f2ea;color:#222}

/* STATS COUNTER */
.stats{display:flex;justify-content:center;gap:60px;margin-top:40px;flex-wrap:wrap}
.stat h2{font-size:40px;color:#d4af37}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}
.card{background:#1a1a1a;border-radius:20px;overflow:hidden;transition:.4s;box-shadow:0 15px 40px rgba(0,0,0,.4)}
.card img{width:100%;transition:transform .6s}
.card:hover img{transform:scale(1.1)}
.card-content{padding:30px}
.card h3{margin-bottom:15px}
.card button{margin-top:15px;padding:10px 20px;border:none;border-radius:30px;background:#d4af37;color:#000;cursor:pointer}

/* PARALLAX */
.parallax{height:60vh;background:url('https://images.unsplash.com/photo-1605540436563-5bca919ae766?q=80&w=2070') center/cover fixed;display:flex;align-items:center;justify-content:center}
.parallax h2{background:rgba(0,0,0,.6);padding:25px 50px;border-radius:20px}

/* MODAL */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:10000}
.modal-content{background:#111;padding:40px;border-radius:20px;max-width:500px;text-align:center}
.modal button{margin-top:20px;padding:10px 20px;border:none;background:#d4af37;color:#000;border-radius:30px}

/* WHATSAPP */
.wa-premium{position:fixed;bottom:25px;right:25px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;padding:14px 22px;border-radius:50px;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.4);z-index:999}

@media(max-width:768px){
.hero-content h1{font-size:30px}
.stats{gap:30px}
}

.btn-gold {
  position: relative;
  overflow: hidden;
}

.btn-gold::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.4), rgba(255,255,255,0));
  transform: skewX(-25deg);
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% { left: -75%; }
  100% { left: 125%; }
}

.detail-btn{
  display:inline-block;
  padding:12px 28px;
  background:linear-gradient(135deg,#d4af37,#b8962e);
  color:#000;
  text-decoration:none;
  border-radius:40px;
  font-weight:600;
  transition:0.3s;
}

.detail-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(212,175,55,0.4);
}


