body { margin:0; font-family: Arial, sans-serif; background:#0b0b0b; color:#fff; }
header { position:fixed; width:100%; background:rgba(0,0,0,0.7); backdrop-filter: blur(10px); padding:15px; z-index:10; }

.menu-toggle { font-size:24px; cursor:pointer; }
nav { display:none; flex-direction:column; }
nav a { color:#fff; padding:10px; text-decoration:none; }

.hero { position:relative; height:100vh; overflow:hidden; }
.hero-video { position:absolute; width:100%; height:100%; object-fit:cover; filter:brightness(40%); }
.overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); }
.hero-content { position:relative; z-index:2; text-align:center; top:40%; }

.container { max-width:1100px; margin:auto; padding:80px 20px; }
.subtitle { opacity:0.8; margin-bottom:40px; }

.parallax { background:url('images/bg.jpg') center/cover fixed; color:#313457;}

.services { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.card { background:rgba(255,255,255,0.05); padding:20px; border-radius:15px; backdrop-filter: blur(5px); text-align:center; }
.card i { font-size:40px; color:#00d4ff; }

.particles-section { position:relative; }
#particles { position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; }
.particles-section .container { position:relative; z-index:2; }

.reviews { background:url('images/light-bg.jpg') center/cover fixed; color:#313457; }
.reviews-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.review { background:rgba(255,255,255,0.8); padding:20px; border-radius:10px; }

.portfolio { display:grid; grid-template-columns:repeat(auto-fit,minmax(500px,1fr)); gap:20px; }
video { width:100%; border-radius:10px; }

@media(min-width:768px){
nav { display:flex !important; flex-direction:row; }
.menu-toggle { display:none; }
}