*{box-sizing:border-box}body{margin:0;background:#111;color:#eee;font-family:Arial,sans-serif}a{text-decoration:none;color:#fff}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.8)),url(images/gym2.webp) center/cover}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:rgba(0,0,0,.3);position:fixed;width:100%}.nav a{margin-left:20px}.logo{height:70px}
.hero-content{height:85%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-content h1{font-size:64px;color:#ff7a00;margin:0}.btn{background:#ff7a00;padding:15px 30px;border-radius:30px;font-weight:bold}
.wrap{padding:70px 8%}h2{color:#ff7a00;font-size:38px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.grid img{width:100%;border-radius:12px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:12px;transition:.3s}.gallery img:hover{transform:scale(1.04)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#1d1d1d;border-top:4px solid #ff7a00;padding:30px;border-radius:12px;text-align:center}.card span{font-size:34px;color:#ff7a00}
.contact{background:#181818}footer{text-align:center;padding:30px;background:#000}@media(max-width:800px){.grid{grid-template-columns:1fr}.hero-content h1{font-size:42px}.nav{flex-direction:column}.logo{height:55px}}