*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:#050505;color:#fff}
header{position:fixed;top:0;width:100%;padding:20px 0;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);z-index:999}
header.scrolled{background:#000}
.container{width:90%;margin:auto;display:flex;justify-content:space-between;align-items:center}
.logo img{height:120px}
nav a{color:#fff;text-decoration:none;margin-left:25px}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),url('https://images.unsplash.com/photo-1501386761578-eac5c94b800a?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}
.hero h1{font-size:58px;max-width:900px}
.hero p{margin:20px 0;font-size:20px;color:#ddd}
.btn{display:inline-block;padding:15px 35px;background:#c8a24d;color:#000;font-weight:700;border-radius:50px;text-decoration:none}
.ghost{background:transparent;border:2px solid #c8a24d;color:#fff;margin-left:15px}
.section{padding:100px 10%;text-align:center}
.dark{background:#111}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-top:40px}
.card{background:#1b1b1b;padding:30px;border:1px solid #c8a24d;border-radius:15px;transition:.3s}
.card:hover{transform:translateY(-8px)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:70px 10%;background:#000;text-align:center}
.stats span{font-size:55px;color:#c8a24d;font-weight:800;display:block}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.timeline div{padding:25px;border:1px solid #c8a24d;border-radius:10px}
.coming{padding:40px;border:2px dashed #c8a24d;border-radius:15px;max-width:700px;margin:auto}
footer{padding:30px;text-align:center;background:#000}
@media(max-width:768px){
nav{display:none}
.hero h1{font-size:36px}
.timeline{grid-template-columns:1fr}
}