/* Reset & Base Styles */
    body {
      background-color: #F7F3E9;
      color: #1E4D34;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }
    
    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #F7F3E9;
    }
    ::-webkit-scrollbar-thumb {
      background: #C9A468;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #1E4D34;
    }

    /* Glassmorphism Classes */
    .glass-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(201, 164, 104, 0.2);
    }

    .glass-card-dark {
      background: rgba(30, 77, 52, 0.85);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(201, 164, 104, 0.3);
    }

    /* Custom Transitions & Animations */
    .btn-gold-glow {
      position: relative;
      overflow: hidden;
      transition: all 0.2s ease-in-out;
    }
    .btn-gold-glow::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
      transition: all 0.2s ease-in-out;
    }
    .btn-gold-glow:hover::after {
      left: 100%;
    }

    /* Horizontal timeline progress glow */
    .timeline-progress-bg {
      background: rgba(30, 77, 52, 0.1);
    }