/* Desktop optimization for containers and background */
@media (min-width: 1025px) {
  .container {
    background: rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(4px) saturate(130%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 20px 80px 0 rgba(123, 47, 242, 0.2) !important;
    border-radius: 999px !important;
    padding: 0 48px !important;
  }
  
  .milestones-box, .countdown-box {
    padding-top: 2rem !important;
    background: rgba(32, 0, 40, 0.1) !important;
    backdrop-filter: blur(16px) saturate(130%) !important;
    border-radius: 20px !important;
  }
  
  /* Ensure content is visible on the glass effect */
  h1, h2, h3, p, li, span, div {
    position: relative;
    z-index: 2;
  }
  
  /* Adjust scroll indicator position for desktop */
  .scroll-indicator {
    bottom: 1.5rem !important;
    opacity: 0.6 !important;
  }
}