body { margin:0; font-family:Arial, sans-serif; background:#0b0b0b; color:#fff; }
.hero { position:relative; height:100vh; overflow:hidden; }
.hero video { width:100%; height:100%; object-fit:cover; }
.hero-content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.btn { background:#d41c1c; color:#fff; padding:12px 24px; text-decoration:none; }
section { padding:80px 10%; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.portfolio a { background:#111; padding:40px; text-align:center; color:#fff; text-decoration:none; }
footer { background:#000; padding:20px; text-align:center; }
.whatsapp { position:fixed; bottom:20px; right:20px; background:#25D366; padding:14px; color:#fff; text-decoration:none; }