/* Mobile optimization for background and containers */
@media (max-width: 1024px) {
  body {
    background: transparent !important;
  }
  
  .section {
    background: transparent !important;
  }
  
  .container {
    background: rgba(255, 0, 0, 0) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 16px 64px 0 rgba(123, 47, 242, 0.15) !important;
  }
  
  .milestones-box, .countdown-box {
    background: rgba(255, 0, 0, 0) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  }
}