*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:#000;color:#fff;scroll-behavior:smooth}
section{padding:90px 20px;text-align:center}
.hero{
height:100vh;
display:flex;align-items:center;justify-content:center;flex-direction:column;
background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.9)),
url('../images/hero.jpg') center/cover no-repeat;
}
.hero h1{font-size:70px;letter-spacing:5px;text-shadow:0 0 25px #c7a04a}
.hero p{color:#ddd;margin-top:15px;font-size:20px}
.btn{margin-top:30px;padding:14px 45px;border-radius:40px;background:#c7a04a;color:#000;text-decoration:none;font-weight:600}

.reel-slider,.gallery-track{
overflow:hidden;
mask-image:linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
-webkit-mask-image:linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
}
.reel-inner,.gallery-inner{display:flex;gap:20px}

.reel-inner{
animation:slideReels 18s linear infinite;
}
.reel-slider:hover .reel-inner{animation-play-state:paused}

.gallery-inner{
animation:slideGallery 14s linear infinite;
}
.gallery-track:hover .gallery-inner{animation-play-state:paused}

@keyframes slideReels{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@keyframes slideGallery{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}

.reel video{width:240px;height:420px;border-radius:20px;object-fit:cover;transition:.5s ease;flex-shrink:0}
.reel video:hover{transform:scale(1.07)}
.gallery-inner img{width:300px;border-radius:20px;transition:.5s ease;flex-shrink:0}
.gallery-inner img:hover{transform:scale(1.06);box-shadow:0 0 30px rgba(199,160,74,.4)}

.social-icons{display:flex;justify-content:center;gap:30px;margin-top:25px}
.social-icons a{
width:65px;height:65px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:#111;color:#c7a04a;font-size:28px;
transition:.4s;
opacity:0;transform:translateY(20px) scale(.7);
animation:popIn .6s ease forwards, pulseGlow 2.5s ease-in-out infinite;
animation-delay:.2s,1.2s}
.social-icons a:nth-child(2){animation-delay:.5s,1.5s}
.social-icons a:hover{background:#c7a04a;color:#000;transform:translateY(-6px) scale(1.1);animation-play-state:paused}

@keyframes popIn{
0%{opacity:0;transform:translateY(20px) scale(.7)}
100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes pulseGlow{
0%,100%{box-shadow:0 0 0 rgba(199,160,74,0)}
50%{box-shadow:0 0 18px rgba(199,160,74,.6)}
}

form{max-width:480px;margin:auto;background:#111;padding:35px;border-radius:25px;
box-shadow:0 0 60px rgba(199,160,74,.25)}
input,select{
width:100%;padding:14px;margin-bottom:15px;border:none;border-radius:10px;
background:#1f1f1f;color:#fff}
button{
width:100%;padding:14px;border:none;border-radius:40px;
background:#c7a04a;font-weight:600;cursor:pointer}