
:root{ --gold:#d4af37; --black:#0a0a0a; --gray:#1e1e1e; --white:#ffffff; }
*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; background:var(--black); color:var(--white);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; }
a{ color: var(--gold); text-decoration: none; }
.header{ border-bottom:1px solid #1d1d1d; position:sticky; top:0; background:#0a0a0acc; backdrop-filter: blur(8px); }
.wrap{ max-width:1100px; margin:0 auto; padding:20px; }
.brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:1px; }
.logo{ width:28px; height:28px; border-radius:50%; background:var(--gold); position:relative; }
.logo:after{ content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-20%); width:5px; height:12px; background:var(--black); border-radius:2px; }
.nav{ display:flex; gap:18px; margin-left:auto; }
.flex{ display:flex; gap:16px; align-items:center; justify-content:space-between; }
.hero{ padding:90px 0 60px; background: radial-gradient(1200px 500px at 70% -20%, rgba(212,175,55,0.12), transparent 60%); }
h1{ font-size:50px; color:var(--gold); margin:12px 0; }
.lead{ font-size:20px; color:#e6e6e6; max-width:800px; }
.cta{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap; }
.btn{ background:var(--gold); color:var(--black); font-weight:800; padding:14px 20px; border-radius:10px; display:inline-block; }
.btn.outline{ background:transparent; color:var(--gold); border:1px solid var(--gold); }
.section{ padding:56px 0; border-top:1px solid #161616; }
h2{ color:var(--gold); font-size:30px; margin-top:0; }
.grid{ display:grid; gap:20px; grid-template-columns:1fr; }
@media(min-width:820px){ .grid{ grid-template-columns:1fr 1fr; } }
.card{ background:#121212; border:1px solid #1f1f1f; border-radius:14px; padding:18px; }
.footer{ padding:40px 0 70px; color:#cfcfcf; font-size:14px; }
.badge{ display:inline-block; padding:6px 10px; border:1px solid var(--gold); border-radius:999px; color:var(--gold); font-size:12px; }
label{ display:block; font-weight:700; margin:10px 0 6px; }
input,textarea,select{ width:100%; background:#0f0f0f; color:#fff; border:1px solid #242424; border-radius:10px; padding:12px 14px; }
form{ display:grid; gap:12px; }
.small{ font-size:13px; color:#bdbdbd; }
