*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif;scroll-behavior:smooth}
body{background:#050505;color:#fff;line-height:1.7}
nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);z-index:1000}
nav h1{color:#00d084}
nav ul{display:flex;gap:20px;list-style:none;flex-wrap:wrap}
nav a{text-decoration:none;color:#fff;font-weight:600}
.hero{min-height:95vh;display:flex;align-items:center;padding:100px 60px;background:
linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.88)),
url('assets/hero-bg.jpg');background-size:cover;background-position:center}
.hero h2{font-size:68px;max-width:900px;line-height:1.1}
.hero p{margin-top:25px;font-size:21px;max-width:800px;color:#ddd}
.btns{margin-top:35px;display:flex;gap:20px;flex-wrap:wrap}
.btn{padding:16px 28px;border-radius:12px;text-decoration:none;font-weight:bold}
.primary{background:#00d084;color:#000}
.secondary{border:1px solid #fff;color:#fff}
.section{padding:90px 60px}
.title{text-align:center;font-size:46px;margin-bottom:50px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}
.card{background:#101010;padding:30px;border-radius:20px;border:1px solid #1e1e1e;transition:.3s}
.card:hover{transform:translateY(-8px)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.gallery-item{height:260px;border-radius:18px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.stat{background:#101010;padding:30px;border-radius:18px;text-align:center}
.stat strong{font-size:42px;color:#00d084;display:block}
footer{padding:40px;text-align:center;background:#000;color:#aaa}
.brand{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}
.brand span{background:#111;padding:14px 24px;border-radius:12px}
.contact{max-width:700px;margin:auto;background:#111;padding:40px;border-radius:20px}
@media(max-width:768px){
.hero h2{font-size:42px}
.hero p{font-size:18px}
nav{padding:20px}
.section{padding:70px 25px}
}