body{margin:0;font-family:Arial,sans-serif;background:#0a0f19;color:#eee;}
header{display:flex;justify-content:space-between;align-items:center;background:#111822;padding:15px 50px;position:sticky;top:0;z-index:1000;}
.logo{font-size:1.5em;font-weight:bold;color:#4da6ff;}
nav a{margin:0 15px;text-decoration:none;color:#eee;}
.hero{position:relative;height:100vh;background:#000 url('assets/hero-bg.png') no-repeat center center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;overflow:hidden;}
.hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#0ff,#06f,#0ff);background-size:600% 600%;animation:gradientShift 20s ease infinite;opacity:0.3;z-index:1;}
.hero-content{position:relative;z-index:2;}
.hero h1{font-size:3em;margin-bottom:20px;}
.btn{background:#4da6ff;color:white;padding:10px 20px;border-radius:5px;text-decoration:none;}
.scroll-indicator{position:absolute;bottom:20px;font-size:2em;animation:bounce 2s infinite;z-index:2;}
.alt-section{padding:60px 20px;background:#111822;}
.services,.pricing,.projects{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.card,.price-card{background:#0f1622;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.5);flex:1;min-width:200px;text-align:center;}
.project-card{flex:1;min-width:250px;height:200px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:white;font-size:1.2em;font-weight:bold;border-radius:8px;background:linear-gradient(270deg,#4da6ff,#06f,#4da6ff);background-size:400% 400%;animation:gradientShift 10s ease infinite;transition:transform .3s,box-shadow .3s;}
.project-card:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,200,255,.6);}
.contact-form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:auto;}
footer{text-align:center;padding:20px;background:#111822;}
/* animations */
.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease;}
.slide-in{opacity:0;transform:translateX(-30px);transition:all .8s ease;}
.fade-in.visible,.slide-in.visible{opacity:1;transform:none;}
@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}