:root {
      --azul: #0d3b8e;
      --azul-escuro: #0a2d66;
      --ciano: #00c2d1;
      --laranja: #ff6a2b;
      --cinza: #f5f7fb;
  }
  
  body {
      font-family: 'Inter', sans-serif;
      background: #fff;
      color: #1a1a1a;
  }
  
  h1,
  h2,
  h3 {
      font-family: 'Poppins', sans-serif;
  }
  
  .hero {
      background: linear-gradient(135deg, var(--azul), var(--azul-escuro));
      padding: 90px 20px;
      color: #fff;
  }
  
  .hero h1 {
      font-size: 3.2rem;
      line-height: 1.2;
  }
  
  .hero span {
      color: var(--laranja);
  }
  
  .btn-call {
      background: var(--laranja);
      color: #fff;
      padding: 18px 42px;
      border-radius: 50px;
      font-weight: 600;
      text-decoration: none;
      box-shadow: 0 10px 30px rgba(255, 106, 43, .35);
      transition: .3s;
  }
  
  .btn-call:hover {
      transform: translateY(-2px);
      box-shadow: 0 15px 40px rgba(255, 106, 43, .5);
  }
  
  .video-box {
      background: rgba(255, 255, 255, .08);
      border-radius: 20px;
      padding: 15px;
      backdrop-filter: blur(8px);
  }
  
  .section {
      padding: 90px 20px;
  }
  
  .card-glass {
      background: #fff;
      border-radius: 20px;
      padding: 35px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
  }
  
  .dark {
      background: linear-gradient(180deg, #0f1c2f, #081223);
      color: #fff;
  }
  
  .feature {
      background: rgba(255, 255, 255, .05);
      border-radius: 18px;
      padding: 30px;
      height: 100%;
  }
  
  input,
  button {
      border-radius: 12px!important;
  }
  
  .whatsapp-float {
      position: fixed;
      bottom: 25px;
      right: 25px;
      z-index: 9999;
      background-color: #25D366;
      color: #fff;
      width: 64px;
      height: 64px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 34px;
      box-shadow: 0 10px 30px rgba(37, 211, 102, 0.45);
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .whatsapp-float:hover {
      transform: scale(1.1);
      box-shadow: 0 15px 40px rgba(37, 211, 102, 0.7);
  }
  
  .social-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin: 0 8px;
      font-size: 22px;
      color: #fff;
      text-decoration: none;
      transition: transform 0.3s, box-shadow 0.3s;
  }
  
  .social-icon.instagram {
      background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
  
  .social-icon.whatsapp {
      background: #25D366;
  }
  
  .social-icon:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  }