
body{margin:0;font-family:Arial;background:#0b0b0b;color:white}
.hero{height:80vh;background:linear-gradient(45deg,#000,#111);display:flex;align-items:center;justify-content:center;text-align:center}
.overlay h1{font-size:48px}
.cta{display:inline-block;margin-top:20px;padding:12px 24px;background:#f5b400;color:black;text-decoration:none;border-radius:30px}
.services,.portfolio,.contact{padding:60px 20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#151515;padding:30px;border-radius:14px}
.slider{display:flex;overflow-x:auto;gap:20px;padding:20px}
.slide{min-width:300px;background:#151515;border-radius:14px;padding:10px}
img,video{width:100%;border-radius:10px}
.video-wrap{position:relative;cursor:pointer}
.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;background:rgba(0,0,0,.6);padding:10px 18px;border-radius:50%}
form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:auto}
input,textarea,button{padding:12px;border:none;border-radius:8px}
button{background:#f5b400;color:black}
.whatsapp{display:inline-block;margin-top:20px;background:#25D366;padding:12px 20px;border-radius:20px;color:white;text-decoration:none}
