:root{
  --ck-black:#0b0b0d;
  --ck-gold:#c8a24a;
  --ck-white:#ffffff;
  --ck-muted:#a9a9b2;
}
body{ background: var(--ck-black); color: var(--ck-white); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
a{ color: var(--ck-gold); }
.ck-nav{ background: rgba(0,0,0,.55); border-bottom: 1px solid rgba(200,162,74,.25); backdrop-filter: blur(10px); }
.ck-brand{ font-weight: 800; letter-spacing: .5px; }
.ck-gold{ color: var(--ck-gold) !important; }
.ck-card{ background: rgba(255,255,255,.03); border: 1px solid rgba(200,162,74,.20); border-radius: 18px; }
.ck-btn{ background: var(--ck-gold); color: #141414; border: none; border-radius: 12px; font-weight: 700; }
.ck-btn:hover{ filter: brightness(1.05); }
.ck-btn-outline{ border:1px solid var(--ck-gold); color: var(--ck-gold); background: transparent; border-radius: 12px; font-weight: 700; }
.ck-hero{ padding: 70px 0 40px; }
.ck-badge{ display:inline-block; padding:6px 12px; border-radius: 999px; border:1px solid rgba(200,162,74,.35); color: var(--ck-gold); font-weight: 700; font-size: 12px; letter-spacing:.3px;}
.ck-input{ background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color: var(--ck-white); border-radius: 12px; }
.ck-input:focus{ outline:none; box-shadow:none; border-color: rgba(200,162,74,.7); }
.small-muted{ color: var(--ck-muted); }
.footer{ border-top:1px solid rgba(200,162,74,.2); padding: 26px 0; margin-top: 50px; }