Embed

<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #1a1a1a;
    line-height: 1.6;
    background: #f8f9fa;
  }

  .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  /* Hero Section - Enhanced */
  .hero {
    background: linear-gradient(135deg, #1a3a52 0%, #2c5f7c 50%, #1a3a52 100%);
    color: white;
    padding: clamp(60px, 10vw, 120px) clamp(15px, 5vw, 60px);
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: clamp(300px, 50vw, 600px);
    height: clamp(300px, 50vw, 600px);
    background: radial-gradient(circle, rgba(0, 217, 245, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    animation: float 20s ease-in-out infinite;
  }

  .hero::after {
    content: '';
    position: absolute;
    bottom: -40%;
    left: -8%;
    width: clamp(200px, 35vw, 400px);
    height: clamp(200px, 35vw, 400px);
    background: radial-gradient(circle, rgba(0, 217, 245, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    animation: float 15s ease-in-out infinite reverse;
  }

  @keyframes float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -30px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
  }

  .hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    animation: fadeInUp 0.8s ease-out;
    width: 100%;
    padding: 0 clamp(15px, 3vw, 30px);
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .hero h1 {
    font-size: clamp(28px, 6vw, 58px);
    font-weight: 900;
    margin-bottom: clamp(16px, 3vw, 24px);
    line-height: 1.1;
    letter-spacing: -1.5px;
    color: #00d9f5;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    word-wrap: break-word;
  }

  .hero p {
    font-size: clamp(16px, 2.5vw, 22px);
    margin-bottom: clamp(25px, 4vw, 35px);
    opacity: 0.92;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }

  .hero-badges {
    display: flex;
    justify-content: center;
    gap: clamp(8px, 2vw, 14px);
    flex-wrap: wrap;
    margin-bottom: clamp(4px, 1vw, 8px);
    width: 100%;
  }

  .badge {
    background: rgba(0, 217, 245, 0.15);
    backdrop-filter: blur(12px);
    color: #00d9f5;
    padding: clamp(8px, 1.5vw, 10px) clamp(14px, 3vw, 20px);
    border-radius: 50px;
    font-size: clamp(12px, 2vw, 15px);
    font-weight: 700;
    border: 1.5px solid rgba(0, 217, 245, 0.3);
    transition: all 0.3s ease;
    animation: fadeInUp 0.8s ease-out backwards;
    white-space: nowrap;
  }

  .badge:nth-child(1) { animation-delay: 0.1s; }
  .badge:nth-child(2) { animation-delay: 0.2s; }
  .badge:nth-child(3) { animation-delay: 0.3s; }

  .badge:hover {
    background: rgba(0, 217, 245, 0.25);
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 217, 245, 0.3);
    border-color: rgba(0, 217, 245, 0.5);
  }

  /* Search Section - Enhanced */
  .search-section {
    background: white;
    padding: clamp(40px, 8vw, 80px) clamp(15px, 4vw, 60px) clamp(50px, 10vw, 100px);
    margin: clamp(-30px, -6vw, -60px) clamp(10px, 3vw, 40px) clamp(40px, 8vw, 80px);
    border-radius: clamp(20px, 4vw, 28px);
    box-shadow: 0 30px 80px rgba(0, 217, 245, 0.15), 0 10px 30px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 10;
    animation: fadeInUp 1s ease-out 0.4s backwards;
    width: calc(100% - clamp(20px, 6vw, 80px));
    max-width: 100%;
  }

  .search-section::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, #00d9f5 0%, #0099cc 50%, #1a3a52 100%);
    border-radius: clamp(20px, 4vw, 28px);
    z-index: -1;
    opacity: 0.12;
    animation: pulse 3s ease-in-out infinite;
  }

  @keyframes pulse {
    0%, 100% { opacity: 0.12; }
    50% { opacity: 0.18; }
  }

  /* Widget Container - Enhanced Immersive Design */
  .search-form-container {
    background: linear-gradient(135deg, #f0fcff 0%, #e6f9ff 50%, #f0fcff 100%);
    border: 2px solid rgba(0, 217, 245, 0.3);
    border-radius: clamp(16px, 3vw, 24px);
    padding: clamp(20px, 4vw, 40px);
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: 
      0 10px 40px rgba(0, 217, 245, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
  }

  .search-form-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 217, 245, 0.1), transparent);
    transition: left 0.8s ease;
  }

  .search-form-container:hover::before {
    left: 100%;
  }

  .search-form-container:hover {
    box-shadow: 
      0 15px 50px rgba(0, 217, 245, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 1);
    transform: translateY(-3px);
    border-color: rgba(0, 217, 245, 0.5);
  }

  /* Enhanced Widget Header Styling */
  #one2go table[bgcolor] {
    background: linear-gradient(135deg, #00d9f5 0%, #00c4e0 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 217, 245, 0.3) !important;
    border-radius: 12px 12px 0 0 !important;
  }

  /* Widget - Full Width Adaptive */
  #one2go {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* Enhanced Input Fields */
  #one2go input[type="text"],
  #one2go select {
    background: white !important;
    border: 2px solid #e0f7ff !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 217, 245, 0.08) !important;
  }

  #one2go input[type="text"]:hover,
  #one2go select:hover {
    border-color: #b3ebff !important;
    box-shadow: 0 4px 12px rgba(0, 217, 245, 0.12) !important;
  }

  #one2go input[type="text"]:focus,
  #one2go select:focus {
    border-color: #00d9f5 !important;
    outline: none !important;
    box-shadow: 
      0 0 0 4px rgba(0, 217, 245, 0.1) !important,
      0 4px 15px rgba(0, 217, 245, 0.2) !important;
    transform: translateY(-2px) !important;
  }

  /* Enhanced Button Styling */
  #one2go button,
  #one2go input[type="submit"],
  #one2go input[type="button"] {
    background: linear-gradient(135deg, #00d9f5 0%, #00c4e0 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 16px 24px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a3a52 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 
      0 6px 20px rgba(0, 217, 245, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important;
  }

  #one2go button:hover,
  #one2go input[type="submit"]:hover,
  #one2go input[type="button"]:hover {
    background: linear-gradient(135deg, #00c4e0 0%, #00afc9 100%) !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 
      0 10px 30px rgba(0, 217, 245, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  }

  #one2go button:active,
  #one2go input[type="submit"]:active,
  #one2go input[type="button"]:active {
    transform: translateY(-1px) scale(0.98) !important;
  }

  /* ONLY hide "Powered by" */
  #powered {
    display: none !important;
  }

  /* Tablet: Keep horizontal layout */
  @media (min-width: 769px) and (max-width: 1024px) {
    .search-section {
      margin: -30px 20px 50px;
      padding: 35px 20px 45px;
    }

    .search-form-container {
      padding: 24px;
    }
  }

  /* Mobile: Full vertical stack with enhanced styling */
  @media (max-width: 768px) {
    .hero {
      padding: 50px 15px;
    }

    .search-section {
      margin: -25px 10px 40px;
      padding: 30px 15px 40px;
      width: calc(100% - 20px);
    }

    .search-form-container {
      padding: 20px;
    }

    .hero-badges {
      gap: 8px;
    }

    .badge {
      font-size: 11px;
      padding: 7px 12px;
    }

    /* Force complete vertical stacking on mobile */
    #one2go table,
    #one2go table tbody,
    #one2go table tr {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
    }

    #one2go table td {
      display: block !important;
      width: 100% !important;
      padding: 6px 0 !important;
      border: none !important;
    }

    #one2go input[type="text"],
    #one2go select {
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
      margin: 0 0 14px 0 !important;
      padding: 15px 14px !important;
      font-size: 16px !important;
      border-radius: 12px !important;
      box-sizing: border-box !important;
    }

    #one2go button,
    #one2go input
[type="submit"],
    #one2go input[type="button"] {
      width: 100% !important;
      max-width: 100% !important;
      display: block !important;
      margin: 10px 0 0 0 !important;
      padding: 17px !important;
      font-size: 17px !important;
      font-weight: 700 !important;
      border-radius: 14px !important;
      box-sizing: border-box !important;
    }

    /* Hide any floats or inline displays */
    #one2go table * {
      float: none !important;
      clear: both !important;
    }
  }

  @media (max-width: 480px) {
    .hero h1 {
      font-size: 24px;
      letter-spacing: -0.5px;
    }

    .hero p {
      font-size: 15px;
    }

    .search-section {
      margin: -20px 8px 30px;
      padding: 25px 12px 35px;
      width: calc(100% - 16px);
    }

    .search-form-container {
      padding: 18px;
    }

    /* Even more compact for very small screens */
    #one2go input[type="text"],
    #one2go select {
      padding: 14px 12px !important;
      font-size: 15px !important;
      margin-bottom: 12px !important;
    }

    #one2go button,
    #one2go input[type="submit"],
    #one2go input[type="button"] {
      padding: 16px !important;
      font-size: 16px !important;
    }
  }
</style>


<div class="container">
  
  <div class="hero">
    <div class="hero-content">
      <div class="hero-badges">
        <span class="badge">🌍 50+ Countries</span>
        <span class="badge">⚡ Instant Booking</span>
        <span class="badge">🎫 4,000+ Routes</span>
      </div>
      <h1>Book Buses, Trains & Ferries Worldwide</h1>
      <p>Compare thousands of buses, trains & ferries worldwide with the best prices guaranteed</p>
    </div>
  </div>

  
  <div class="search-section">
    <div class="search-form-container">
      
      <script src="//cdn0.trainbusferry.com/tools/form/en/?id=14409629&domain=gobabytravel.12go.asia" data-one2go="14409629" data-color="blue" data-language="en" data-adaptive="1" data-border="1" data-origin-empty=true data-destination-empty=true data-caption="GoBaby Travel - Book Buses, Trains, Ferries & more in 50+ countries" data-domain="gobabytravel.12go.asia"></script><div id="powered">Powered by <a href="https://12go.asia/?z=14409629">12Go system</a></div>
    </div>
  </div>
</div>

GoBaby Travel

GoBabyTravel is a next-generation global travel platform that transforms how people discover, plan, and experience journeys worldwide. We offer comprehensive travel solutions including international and domestic flight bookings, luxury and budget hotel accommodations, customized honeymoon packages, property stays and homestays, intercity bus and train bookings, complete visa processing services, and exclusive travel deals.

Our Unique Selling Propositions:
- One-stop travel ecosystem covering every aspect of a journey from visa to arrival
- AI-powered personalized itinerary planning that adapts to traveler preferences
- Direct integration with 200+ global suppliers for best pricing and availability
- Loyalty rewards program with cashback on every booking
- 24/7 multilingual customer support across all time zones
- Exclusive partnerships with local guides and authentic experiences unavailable elsewhere
- Carbon offset tracking and sustainable travel options
- Travel buddy matching for solo travelers
- Real-time trip modifications and dynamic rebooking
- Immersive pre-trip virtual destination previews

Our Core Values:
Trust & Transparency - No hidden fees, clear pricing, honest recommendations, and price-match guarantees
Customer Obsession - Every decision is made with traveler happiness and convenience as priority
Cultural Respect - We celebrate diversity and promote responsible, respectful tourism
Innovation - Continuously adopting cutting-edge technology to simplify travel
Accessibility - Making dream destinations reachable for every budget and travel style
Sustainability - Committed to reducing travel's environmental impact through conscious choices
Community - Building a global family of travelers who share experiences and support each other

Our Ethics:
We operate with complete integrity, protecting customer data with bank-level security. We partner only with verified, licensed service providers. We believe travel should enrich both travelers and local communities, so we ensure fair wages and ethical practices throughout our supply chain. We never engage in deceptive marketing or pressure tactics. We empower travelers with complete information to make informed decisions. We stand behind every booking with full support and accountability.

Brand Personality: Adventurous yet reliable, sophisticated yet approachable, globally-minded yet personally attentive, innovative yet trustworthy. We speak to travelers who seek authentic experiences, value seamless service, and want a partner who cares about their journey as much as they do.
