.elementor-1040646 .elementor-element.elementor-element-4273dd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1040646 .elementor-element.elementor-element-ecc51cd{--spacer-size:109px;}.elementor-1040646 .elementor-element.elementor-element-2ce5eb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1040646 .elementor-element.elementor-element-f7d5ccf .elementor-button{background-color:#56DBFF;padding:15px 100px 15px 100px;}.elementor-1040646 .elementor-element.elementor-element-f7d5ccf .elementor-button:hover, .elementor-1040646 .elementor-element.elementor-element-f7d5ccf .elementor-button:focus{color:#002F46;}.elementor-1040646 .elementor-element.elementor-element-f7d5ccf .elementor-button:hover svg, .elementor-1040646 .elementor-element.elementor-element-f7d5ccf .elementor-button:focus svg{fill:#002F46;}.elementor-1040646 .elementor-element.elementor-element-98da6cf{--spacer-size:406px;}body.elementor-page-1040646:not(.elementor-motion-effects-element-type-background), body.elementor-page-1040646 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002F46;}/* Start custom CSS */<style>
  /* Page background */
  body {
    background-color: #032b3b;
    font-family: 'Inter', sans-serif;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
  }

  /* Logo section */
  .logo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 100px;
  }

  .logo img {
    height: 64px;
    width: auto;
  }

  /* Input box (contenteditable for vertical centering) */
  .wetai-input {
    background-color: #04374b;
    border: 1px solid #4da6c8;
    border-radius: 10px;
    width: 90vw; /* nearly full width */
    max-width: 1200px;
    height: 70px;
    padding: 0 18px;
    font-size: 1.2rem;
    color: white;
    outline: none;
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: flex-start;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }

  /* Placeholder behavior */
  .wetai-input.empty::before {
    content: attr(data-placeholder);
    color: #8db6c6;
    pointer-events: none;
  }
</style>

<script>
  // Handle placeholder visibility
  const inputBox = document.querySelector('.wetai-input');
  inputBox.addEventListener('input', () => {
    if (inputBox.textContent.trim() === '') {
      inputBox.classList.add('empty');
    } else {
      inputBox.classList.remove('empty');
    }
  });
</script>/* End custom CSS */