:root{
  --bg:#1c1c1c;
  --bg-darker:#0f0f0f;
  --text:#f5f5f5;
  --muted:#cfcfcf;
  --accent:#f5f5f5;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--text);text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg,var(--bg-darker),rgba(15,15,15,.85));
  backdrop-filter: blur(6px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand a{font-weight:700;font-size:20px;letter-spacing:.02em}
.menu{display:flex;gap:20px;align-items:center}
.menu a{opacity:.9}
.menu a:hover{opacity:1;text-decoration:underline}
.menu img.icon{width:18px;height:18px;filter:invert(1);opacity:.85}
.menu img.icon:hover{opacity:1}

main section{padding:64px 0;border-bottom:1px solid rgba(255,255,255,.06)}
h1,h2,h3{font-weight:700;margin:0 0 12px}
h1{font-size:36px} h2{font-size:28px} h3{font-size:22px}
p.lead{color:var(--muted);max-width:72ch}

.hero{width:100%;max-height:520px;object-fit:cover;border-radius:16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.grid-2 img{height:360px;object-fit:cover;border-radius:12px}

.button{display:inline-block;padding:10px 16px;background:var(--accent);color:#0f0f0f;border-radius:999px;font-weight:700;margin-top:12px}
.button:hover{filter:brightness(.9)}

form{display:grid;gap:12px;max-width:720px;margin-top:16px}
label span{font-size:12px;opacity:.8;margin-bottom:6px}
input,select,textarea{
  width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);color:var(--text);
}
textarea{min-height:140px;resize:vertical}
button[type=submit]{justify-self:start;padding:10px 16px;border:0;border-radius:999px;background:var(--accent);color:#0f0f0f;font-weight:700;cursor:pointer}
button[type=submit]:hover{filter:brightness(.9)}

.muted{color:var(--muted)}
.success{color:#a8f0a3;margin-top:8px;font-weight:700}

footer{padding:40px 0;color:var(--muted)}
.small{font-size:13px}

@media (max-width:860px){
  .grid-2{grid-template-columns:1fr}
  .hero{max-height:380px}
}