:root{--brand:#000000;}
*{font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;}
.hero{background:linear-gradient(185deg, rgba(0,0,0,.92), rgba(212, 182, 105, 0.85)), url('bg-hero-stage.jpg') center/cover no-repeat; color:#fff;}
.hero h1, 
.hero p, 
.hero .badge {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1s ease-out forwards;
}
.hero h1 { animation-delay: 0.2s; }
.hero p { animation-delay: 0.4s; }
.hero .small { animation-delay: 0.6s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.hero img {
  transform: scale(0.9);
  opacity: 0;
  animation: zoomIn 1s ease-in-out forwards;
}
.hero img:nth-child(1) { animation-delay: 0.3s; }
.hero img:nth-child(2) { animation-delay: 0.6s; }
.hero img:nth-child(3) { animation-delay: 0.9s; }

@keyframes zoomIn {
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.hero2{background:linear-gradient(355deg, rgba(0,0,0,.92), rgba(212, 182, 105, 0.85)), url('bg-hero-stage-2.jpg') center/cover no-repeat; color:#fff;}
.badge-gold{background: linear-gradient(297deg, rgba(222, 202, 153, 0.81) 0%, rgba(171, 146, 82, 0.82) 50%, rgba(248, 212, 158, 0.82) 100%);}
.trophy{height:64px; width:auto;}
.text-msme {color: #c5a54d;}
.bg-msme {background-color: #000000;}
.card-hover{transition:transform .2s, box-shadow .2s; border-radius: 1rem;}
.card-hover:hover{transform:translateY(-4px); border-color: #d49d20; box-shadow:0 1rem 2rem rgba(0,0,0,.15);}
.placeholder-ratio{aspect-ratio:16/9; background:#e9ecef url('https://picsum.photos/seed/holder/800/450') center/cover no-repeat;}

/* Navbar hide/reveal on scroll */
.navbar { transition: transform .25s ease; will-change: transform; }
.navbar.navbar-hidden { transform: translateY(-100%); }
@media (prefers-reduced-motion: reduce) {
  .navbar { transition: none !important; }
}
a, .nav-link {
    color: #fefefe;
    transition: ease-in 250ms;
  }
  a:hover, .nav-link:hover, a .nav-link:hover {
    color: #fdb244;
    transition: ease-out 300ms;
  }

  .link-msme  {
    color: #fefefe;
    transition: ease-in 250ms;
  }
  .link-msme:hover {
    color: #fdb244;
    transition: ease-out 300ms;
  }
  .zoom {
    transform: scale(1);
    transition: ease-in 250ms;
  }
  .zoom:hover {
    transform: scale(1.05);
    transition: ease-out 300ms;
  }

/* Trail card components used on winners.html */
:root {
  --card-radius: 1.5rem;
  --overlay-grad: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 100%);
  --glass-bg: rgba(255,255,255,.18);
  --glass-border: rgba(255,255,255,.35);
}
.trail-card { border: 0; border-radius: var(--card-radius); box-shadow: 0 15px 40px rgba(16, 24, 40, .12); }
.trail-media { border-top-left-radius: var(--card-radius); border-top-right-radius: var(--card-radius); overflow: hidden; position: relative; cursor: pointer; }
.trail-media .overlay { position: absolute; inset: 0; background: var(--overlay-grad); }
.trail-chip { position: absolute; left: 1rem; bottom: 1rem; background: rgba(0,0,0,.55); color: #fff; font-weight: 500; padding: .5rem .75rem; border-radius: 1rem; font-size: .875rem; }
.btn-glass { position: absolute; right: 1rem; bottom: 1rem; backdrop-filter: saturate(180%) blur(6px); -webkit-backdrop-filter: saturate(180%) blur(6px); background: var(--glass-bg); border: 1px solid var(--glass-border); color: #fff; border-radius: 999px; padding: .6rem 1.1rem; font-weight: 600; }
.btn-glass:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.trail-body { border-bottom-left-radius: var(--card-radius); border-bottom-right-radius: var(--card-radius); }
.chevron-toggle { width: 2rem; height: 2rem; border-radius: 999px; display: grid; place-items: center; margin: .5rem auto 0; color: #111827; background: #fff; box-shadow: 0 4px 12px rgba(16,24,40,.12); }
.chevron-toggle[aria-expanded="true"] .bi { transform: rotate(180deg); }
.stat { font-weight: 700; color: #111827; }
.stat-label { font-size: .8rem; color: #6b7280; }
@media (prefers-reduced-motion: no-preference) {
  .trail-card, .btn-glass, .chevron-toggle .bi { transition: all .25s ease; }
  .trail-media img { transform: scale(1.02); transition: transform .5s ease; }
  .trail-media:hover img { transform: scale(1.06); }
}

/* ── Categories dropdown ─────────────────────────────────── */
.navbar .dropdown-menu {
  background: rgba(8, 12, 8, 0.97);
  border: 1px solid rgba(212, 175, 55, 0.35);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 0.5rem;
  padding: 0.4rem 0;
  min-width: 14rem;
}
.navbar .dropdown-item {
  color: #f0ebe0;
  font-size: 0.83rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 0.5rem 1.25rem;
  transition: background 0.2s ease, color 0.2s ease;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background: rgba(212, 175, 55, 0.14);
  color: #d4af37;
}
.navbar .dropdown-toggle::after {
  vertical-align: 0.1em;
}