*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial;background:#0b0b12;color:#eee;}
nav{display:flex;justify-content:space-between;padding:20px 60px;background:#000c;position:fixed;width:100%;top:0;}
.logo{color:#00e0ff;font-weight:bold;}
.menu a{margin-left:20px;color:#ccc;text-decoration:none;}
.menu a:hover{color:#00e0ff;}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url('../img/img1.jpg') center/cover;}
.hero h1{font-size:60px;color:#00e0ff;text-shadow:0 0 30px #00e0ff;}
section{padding:120px 40px;max-width:1200px;margin:auto;}
h2{color:#00e0ff;margin-bottom:40px;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.card{background:#111;padding:30px;border-radius:20px;border:1px solid #00e0ff33;transition:.3s;}
.card:hover{transform:translateY(-10px);box-shadow:0 0 30px #00e0ff55;}
.gallery img{width:100%;border-radius:15px;}
footer{padding:60px;text-align:center;border-top:1px solid #222;color:#666;}