.radio-group {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
    }
    
    .radio-option {
      position: relative;
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 10px 15px;
      border: 2px solid #e0e0e0;
      border-radius: 8px;
      transition: all 0.3s ease;
      background: white;
    }
    
    .radio-option:hover {
      border-color: #007bff;
      background: #f8f9ff;
    }
    
    .radio-option input[type="radio"] {
      opacity: 0;
      position: absolute;
      width: 0;
      height: 0;
    }
    
    .radio-option input[type="radio"]:checked + .radio-custom {
      background: #007bff;
      border-color: #007bff;
    }
    
    .radio-option input[type="radio"]:checked + .radio-custom:after {
      opacity: 1;
      transform: scale(1);
    }
    
    .radio-option input[type="radio"]:checked ~ .radio-text {
      color: #007bff;
      font-weight: bold;
    }
    
    .radio-custom {
      width: 20px;
      height: 20px;
      border: 2px solid #ccc;
      border-radius: 50%;
      margin-right: 10px;
      position: relative;
      transition: all 0.3s ease;
    }
    
    .radio-custom:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 8px;
      height: 8px;
      background: white;
      border-radius: 50%;
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
      transition: all 0.3s ease;
    }
    
    .radio-text {
      font-family: Arial, sans-serif;
      color: #333;
      transition: all 0.3s ease;
    }