
:root{--bg:#0a0a0a;--gold:#c8a760;--text:#f4f4f4;--muted:#bfbfbf}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Cinzel',serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important}
.site-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.6);backdrop-filter:saturate(120%) blur(6px);position:sticky;top:0;z-index:10}
.brand{letter-spacing:2px;font-weight:700;color:var(--gold)}
.nav a{color:#fff;text-decoration:none;margin-left:16px;opacity:.9}
.nav a:hover{opacity:1;color:var(--gold)}
.hero{position:relative;min-height:72vh;display:grid;place-items:center;overflow:hidden;background:#000}
.hero::before{content:"";position:absolute;inset:0;background-image:url('../img/background-large.webp');background-size:cover;background-position:center;filter:brightness(.42) saturate(110%);z-index:-2}
@media(max-width:700px){.hero::before{background-image:url('../img/background-mobile.webp')}}
.overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.25));z-index:-1}
.hero-inner{text-align:center;padding:40px 20px;max-width:900px}
.display{font-size:clamp(28px,6vw,64px);margin:0 0 8px 0;color:#fff}
.subtitle{margin:0 0 20px 0;color:var(--muted)}
.cta-row{display:flex;gap:12px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border:1px solid var(--gold);background:var(--gold);color:#101010;text-decoration:none;border-radius:4px;font-weight:700;letter-spacing:.4px}
.btn.outline{background:transparent;color:#fff}
.page{max-width:960px;margin:38px auto;padding:0 20px}
.lead{color:var(--muted)}
.lead-form{margin-top:14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid label{display:flex;flex-direction:column;font-size:14px;gap:6px}
.grid input,.grid textarea,.grid select{padding:12px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.3);color:#fff;outline:none}
.grid input:focus,.grid textarea:focus,.grid select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(200,167,96,.25)}
.grid textarea{resize:vertical}
@media(max-width:760px){.grid{grid-template-columns:1fr}}
.status{min-height:22px;margin:8px 0 10px 0;font-size:14px}
.status.ok{color:#94f3a2}.status.err{color:#ff9d9d}
.site-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding:18px 20px;color:var(--muted);text-align:center}
a{color:#fff}
