:root{
  --bg:#0a0b0d;
  --fg:#f1eadb;
  --muted:#cfc6b2;
  --gold:#caa65e;
  --gold-2:#8f6b2e;
  --card:#111317;
  --border:#272a33;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--fg);text-decoration:none}
a:hover{text-decoration:underline}

/* Subtle static background: soft gold vignette + dark gradient */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background: radial-gradient(1200px 600px at 50% 18%, rgba(202,166,94,0.15), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,0.30), rgba(0,0,0,0.85));
}

nav{
  position:sticky; top:0; z-index:10;
  background: rgba(10,11,13,0.9); backdrop-filter: blur(8px);
  border-bottom:1px solid rgba(202,166,94,0.25);
}
nav .inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}
.brand .mark{ padding:4px 10px;border-radius:999px;border:1px solid rgba(202,166,94,0.5); color:var(--gold); text-transform:uppercase; font-size:12px; }

.menu{display:flex;gap:16px;align-items:center}
.menu a{padding:8px 12px;border-radius:10px;border:1px solid transparent;color:var(--fg)}
.menu a:hover{border-color:rgba(202,166,94,0.35);background:rgba(202,166,94,0.08)}

.cta{
  padding:10px 14px;border-radius:999px;font-weight:700;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color:#0a0b0d !important; border:1px solid rgba(0,0,0,.2);
  box-shadow: 0 6px 20px rgba(202,166,94,0.25);
}
.cta:hover{filter:brightness(1.05)}

.hero{max-width:1100px;margin:0 auto;padding:80px 20px 28px 20px}
h1{font-size:44px;line-height:1.15;margin:0 0 10px 0}
.sub{font-size:18px;color:var(--muted);max-width:780px}
.actions{margin-top:22px;display:flex;gap:12px;align-items:center}

.section{max-width:1000px;margin:24px auto;padding:18px 20px;background:rgba(17,19,23,0.72); border:1px solid var(--border); border-radius:14px}
.section h2{margin:0 0 8px 0;font-size:22px}
.section p{margin:0;color:#e8e1d1}

footer{max-width:1100px;margin:40px auto 80px auto;padding:14px 20px;color:var(--muted);border-top:1px solid rgba(202,166,94,0.2)}

.main{min-height:45vh}
.page{max-width:1100px;margin:0 auto;padding:40px 20px}
.page h1{margin-top:16px;font-size:36px}
.page p{color:#e8e1d1; line-height:1.6}
.form{max-width:720px;margin-top:10px; display:grid; gap:12px}
.input, textarea{width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--border); background:#0d0f13; color:#f6f0e3}
textarea{min-height:140px; resize:vertical}
label{color:var(--muted); font-size:14px}