/* Latest Youth Innovation Project #3 Theme Override
   Palette: #5625c7, #c7acff, #323ed3, #8dbff7
   Added for repaired secure package. */
:root{
  --primary-navy:#17142b;
  --primary-blue:#5625c7;
  --secondary-blue:#323ed3;
  --deep-blue:#24125a;
  --accent-pink:#c7acff;
  --accent-magenta:#5625c7;
  --accent-light-pink:#8dbff7;
  --accent-orange:#8dbff7;
  --accent-orange-hover:#c7acff;
  --bg-light:#f7f6fc;
  --shadow-pink:0 4px 25px rgba(86,37,199,.28);
  --shadow-blue:0 4px 25px rgba(50,62,211,.25);
}
.hero,.main-header,.footer,.section-header{
  background-image:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));
}
.btn-primary,.btn-nav-register,.submit-btn,.admin-btn,.send-btn{
  background:linear-gradient(135deg,#5625c7,#323ed3)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(86,37,199,.22)!important;
}
.card,.info-card,.benefit-card,.timeline-item,.download-card{
  border-color:rgba(199,172,255,.45)!important;
}
a{color:#5625c7;}
a:hover{color:#323ed3;}


/* Header menu width fix: keep original theme, remove crowded items and make nav fit */
.main-header .container{
  gap: 24px;
}
.logo{
  flex: 0 0 auto;
  min-width: 250px;
}
.desktop-nav{
  flex: 1 1 auto;
  justify-content: flex-end;
  gap: 6px !important;
  min-width: 0;
}
.desktop-nav a{
  padding: 10px 13px !important;
  font-size: 0.92rem !important;
  line-height: 1.15;
  white-space: nowrap;
}
.desktop-nav a.nav-highlight,
.mobile-nav a.nav-highlight{
  color: #ffd200 !important;
  font-weight: 800 !important;
}
@media (max-width: 1180px){
  .logo{min-width: 220px;}
  .desktop-nav a{padding: 9px 10px !important;font-size: .88rem !important;}
}
@media (max-width: 1040px){
  .desktop-nav{display:none;}
  .mobile-menu-btn{display:flex;}
  .mobile-nav{display:flex;}
}