/* === Theme 12: Noir Gold Premium === */
:root{--ink:#f5eddc;--muted:#c9bda7;--primary:#ffcc66;--primary-700:#ffb93b}
*{box-sizing:border-box}html,body{height:100%}
body{
  margin:0;color:var(--ink);font-family:"SF Pro Display",system-ui,-apple-system,Segoe UI,Roboto;
  background:radial-gradient(1200px 500px at 70% -10%, #33260f 0%, transparent 60%),#0e0d0a;
}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,204,102,.12)}
.brand{display:flex;align-items:center;gap:10px}
.logo-dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#ffcc66,#ffb93b);box-shadow:0 0 10px rgba(255,204,102,.3)}
.brand-text{font-size:20px;color:#ffe3a6}
.nav a{color:#bfae8d;text-decoration:none;margin-left:18px}
.hero{min-height:calc(100vh - 120px);display:grid;place-items:center}
.hero-inner{text-align:center;padding:40px 20px}
.title{font-size:60px;margin:0 0 12px;font-weight:800;letter-spacing:.6px;color:#f5eddc;text-shadow:0 0 18px rgba(255,204,102,.18)}
.subtitle{margin:0 0 28px;font-size:18px;color:#c9bda7}
.cta{display:flex;justify-content:center}
.btn-primary{padding:14px 34px;border-radius:999px;background:linear-gradient(90deg,#ffcc66,#ffb93b);color:#3b2d11;text-decoration:none;font-weight:900;border:0;box-shadow:0 10px 24px rgba(255,204,102,.25);transition:.2s}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(110%)}
.footer{height:56px;display:flex;align-items:center;justify-content:center;color:#c9bda7;border-top:1px solid rgba(255,204,102,.12)}