.toggle-container {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    
    .toggle-switch {
      position: relative;
      display: inline-block;
      width: 60px;
      height: 34px;
    }
    
    .toggle-switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }
    
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      transition: 0.4s;
      border-radius: 34px;
    }
    
    .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      transition: 0.4s;
      border-radius: 50%;
    }
    
    .toggle-switch input:checked + .slider {
      background-color: #4CAF50;
    }
    
    .toggle-switch input:checked + .slider:before {
      transform: translateX(26px);
    }
    
    .toggle-label {
      display: flex;
      align-items: center;
      gap: 10px;
      font-family: Arial, sans-serif;
    }
    
    .premium-toggle {
      width: 80px;
      height: 40px;
    }
    
    .premium-toggle .slider {
      background: linear-gradient(45deg, #ff6b6b, #ee5a52);
      box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    }
    
    .premium-toggle input:checked + .slider {
      background: linear-gradient(45deg, #4ecdc4, #44a08d);
    }
    
    .premium-toggle .slider:before {
      height: 32px;
      width: 32px;
      left: 4px;
      bottom: 4px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }
    
    .premium-toggle input:checked + .slider:before {
      transform: translateX(40px);
    }