:root{
  --mf-bg: #0f0e0d;
  --mf-surface: #171513;
  --mf-card: #1f1c19;
  --mf-text: #f5f1ea;
  --mf-muted: rgba(245,241,234,.72);
  --mf-accent: #d8b27a;
  --mf-accent-2: #b88a52;
  --mf-border: rgba(255,255,255,.10);
}

html, body { height: 100%; }
body{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(216,178,122,.18), transparent 55%),
              radial-gradient(900px 500px at 80% 10%, rgba(184,138,82,.12), transparent 60%),
              var(--mf-bg);
  color: var(--mf-text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

a { color: var(--mf-text); }
a:hover { color: var(--mf-accent); }

.mf-navbar{
  background: rgba(15,14,13,.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--mf-border);
}

.mf-logo{
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.35));
}
.mf-logo-sm{ width: 40px; height: 40px; }

.mf-brand-text{
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.btn-mf-primary{
  background: linear-gradient(135deg, var(--mf-accent), var(--mf-accent-2));
  border: 0;
  color: #1a1410;
  font-weight: 800;
  box-shadow: 0 10px 26px rgba(216,178,122,.20);
}
.btn-mf-primary:hover{ filter: brightness(1.04); }

.mf-hero{
  padding: 72px 0 24px;
}
.mf-hero-card{
  background: linear-gradient(180deg, rgba(31,28,25,.92), rgba(23,21,19,.92));
  border: 1px solid var(--mf-border);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
}
.mf-hero-img{
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.05);
}
.mf-kicker{
  color: var(--mf-accent);
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .78rem;
}
.mf-title{
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  font-weight: 900;
  line-height: 1.05;
}
.mf-subtitle{
  color: var(--mf-muted);
  font-size: 1.05rem;
}

.mf-section{
  padding: 40px 0;
}
.mf-section-title{
  font-weight: 900;
  font-size: 1.6rem;
}
.mf-muted{ color: var(--mf-muted); }

.mf-card{
  background: rgba(31,28,25,.88);
  border: 1px solid var(--mf-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.mf-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.mf-chip{
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  padding: .45rem .7rem;
  border: 1px solid var(--mf-border);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: var(--mf-muted);
  font-size: .92rem;
}

.mf-divider{ border-color: var(--mf-border); }

.mf-footer{
  background: rgba(23,21,19,.92);
  border-top: 1px solid var(--mf-border);
}
.mf-footer-title{ font-weight: 900; }

.mf-page-header{
  padding: 44px 0 10px;
}
.mf-breadcrumb{
  color: var(--mf-muted);
  font-size: .92rem;
}

@media (max-width: 991px){
  .mf-hero{ padding: 36px 0 18px; }
  .mf-logo{ width: 46px; height: 46px; }
}