body { margin:0; background:#0b0d11; color:#e5e5e5; font-family:'Inter', sans-serif;}
.nav { display:flex; align-items:center; justify-content:space-between; padding:10px 20px; background:#11151a; position:sticky; top:0; z-index:100;}
.nav .logo { height:50px;}
.nav a { color:#ccc; margin:0 10px; text-decoration:none; font-weight:600;}
.nav a:hover { color:#d19a2b;}
.hero { position:relative; background-size:cover; background-position:center; height:80vh; display:flex; align-items:center; justify-content:center; color:white; text-align:center;}
.overlay { position:absolute; inset:0; background:rgba(0,0,0,0.5);}
.hero-text { position:relative; z-index:1;}
.hero-text h1 { font-family:'Oswald'; font-size:3em; letter-spacing:2px;}
.hero-text span { color:#d19a2b;}
.btn { background:#d19a2b; color:#111; padding:10px 20px; border:none; text-transform:uppercase; font-weight:700; cursor:pointer; border-radius:4px;}
.btn:hover { background:#e7b94c;}
.features { padding:60px 10%; text-align:center;}
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:20px;}
.newsletter { text-align:center; padding:40px 10%; background:#12171d;}
.newsletter form { display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
input, textarea { background:#1a1f25; border:1px solid #333; color:#fff; padding:10px; border-radius:4px;}
footer { text-align:center; padding:20px; background:#11151a; color:#777; margin-top:40px;}
.page-hero { text-align:center; background:#14191f; padding:40px 10%;}
.gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:10px; padding:20px;}
.gallery img { width:100%; border-radius:6px;}
.press { padding:40px 10%;}
.hidden{display:none;}