/* Minimal clean styles (fixed) */
:root {
  --bg: #0e0f12;
  --card: #171a21;
  --text: #e9eef5;
  --muted: #aab3c5;
  --accent: #d4af37; /* gold */
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 960px; margin: 0 auto; padding: 24px; }
.nav { display:flex; gap: 16px; flex-wrap: wrap; padding:16px 24px; background:var(--card); border-bottom: 1px solid #2a2e39; position: sticky; top: 0; z-index: 10;}
.nav a { color: var(--text); padding: 8px 12px; border-radius: 6px; }
.nav a.active, .nav a:hover { background:#222633; }
.header { text-align:center; padding:48px 24px; border-bottom:1px solid #222633; background: radial-gradient(1200px 600px at 50% -200px, #1f2430, transparent);}

/* Hardened logo rule to prevent overrides */
.logo { 
  width:150px !important; 
  height:150px !important; 
  border-radius:50% !important; 
  border:3px solid var(--accent) !important; 
  display:inline-block !important; 
  background: url('assets/logo.png') center/cover no-repeat !important; 
  margin: 0 auto !important;
}

h1 { margin-top:16px; font-weight:700; letter-spacing:0.2px; }
.subtitle { color: var(--muted); }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:16px; margin-top:24px; }
.card { background:var(--card); padding:20px; border-radius:12px; border:1px solid #242838; }
.btn { display:inline-block; padding:12px 16px; border-radius:8px; background:var(--accent); color:#111; font-weight:700; margin-top:12px; }
.footer { margin-top:48px; padding:24px; border-top:1px solid #222633; color: var(--muted); text-align:center; }
ul { margin-top:8px; }
hr { border: 0; border-top:1px solid #222633; margin:24px 0; }
.logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
}