body{margin:0;background:#0a0f17;color:#fff;font-family:Inter,Arial,sans-serif}
.hero{height:100vh;background:linear-gradient(135deg,#0b1220,#111827);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.hero h1{font-size:4rem;margin:0}
.hero h2{font-weight:400;max-width:900px}
.btn{background:#2563eb;color:#fff;padding:14px 24px;border-radius:10px;text-decoration:none;display:inline-block;margin:5px}
.secondary{background:#1f2937}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px;max-width:1200px;margin:auto}
.stats div,.service,.card{background:#111827;border:1px solid #1f2937;border-radius:16px}
.stats div{padding:25px;text-align:center}
.stats strong{display:block;font-size:2rem}
.about,.services,.contact,#portfolio{max-width:1300px;margin:auto;padding:70px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.service{padding:30px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}
.card{text-decoration:none;color:white;overflow:hidden;transition:.3s}
.card:hover{transform:translateY(-8px)}
.card img{width:100%;height:220px;object-fit:cover}
.card-content{padding:15px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:20px}
.gallery img,.gallery video{width:100%;border-radius:14px}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#22c55e;color:white;padding:15px 20px;border-radius:999px;text-decoration:none}
@media(max-width:768px){.hero h1{font-size:2.5rem}.stats{grid-template-columns:repeat(2,1fr)}}