body {margin:0;font-family:'Arial',sans-serif;background:#000;color:#fff;}
header {display:flex;justify-content:space-between;align-items:center;padding:20px 40px;}
.logo {height:60px;}
nav a {color:#fff;text-decoration:none;margin:0 8px;font-size:0.9rem;opacity:0.8;}
nav a:hover {opacity:1;}
.hero {text-align:center;padding:160px 20px;background:#111;}
.hero h1 {font-size:3rem;letter-spacing:1px;margin-bottom:10px;}
.hero p {max-width:600px;margin:auto;font-size:1.1rem;opacity:0.85;}
.btn {display:inline-block;margin-top:30px;padding:14px 34px;background:#fff;color:#000;text-decoration:none;border-radius:40px;font-weight:bold;}
.gallery {display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:60px 20px;background:#0a0a0a;}
.gallery img {width:340px;border-radius:10px;filter:grayscale(20%);transition:0.4s;}
.gallery img:hover {filter:none;transform:scale(1.03);}
footer {text-align:center;padding:30px;background:#111;margin-top:60px;font-size:0.9rem;opacity:0.7;}