/* Hero & Navigation */
.hero-gradient { 
    background: linear-gradient(to bottom, rgba(0, 33, 71, 0.9), rgba(0, 33, 71, 0.7)); 
}

.nav-link { 
    transition: all 0.3s ease; 
    border-bottom: 2px solid transparent; 
    padding-bottom: 4px; 
}

.nav-link:hover, 
.nav-link.active { 
    color: #C5A059; 
}

.nav-link.active { 
    border-color: #C5A059; 
}

/* Decorative Elements */
.framed-image { 
    box-shadow: 20px 20px 0px 0px rgba(197, 160, 89, 0.1); 
}

.pillar-number {
    -webkit-text-stroke: 1px #C5A059;
    color: transparent;
    font-family: 'Playfair Display', serif;
    line-height: 1;
}

/* Forms */
.form-input { 
    width: 100%; 
    background-color: #fff; 
    border: 1px solid #e5e7eb; 
    padding: 1rem; 
    font-size: 0.875rem;
    transition: all 0.3s ease; 
}

.form-input:focus { 
    outline: none; 
    border-color: #C5A059; 
    box-shadow: 0 0 0 1px #C5A059; 
}

/* Cards & Interaction */
.module-card { 
    transition: all 0.3s ease; 
}

.module-card:hover { 
    transform: translateY(-5px); 
    border-color: #C5A059; 
    background: rgba(197, 160, 89, 0.05); 
}

.accent-bar { 
    transition: width 0.4s ease; 
    width: 40px; 
}

.partnership-card:hover .accent-bar { 
    width: 100%; 
}

  #menu-toggle:checked ~ label [icon="heroicons:bars-3-bottom-right"] {
    display: none;
  }
  #menu-toggle:checked ~ label [icon="heroicons:x-mark"] {
    display: block;
  }
