<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>VavaVeeva — find the right people near you</title>
<meta name="description" content="AI-powered matching platform for trainers, consultants, and helpers. Find trusted people nearby or online — fast and easy." />
<meta name="theme-color" content="#0b1220" />
<meta property="og:title" content="VavaVeeva — find the right people near you" />
<meta property="og:description" content="AI-powered matching platform for trainers, consultants, and helpers. Find trusted people nearby or online — fast and easy." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://vavaveeva.com/" />
<style>
:root{
--bg:#0b1220;
--card:#111827;
--line:#1f2937;
--acc:#22d3ee;
--acc-2:#7c3aed;
--text:#eef1f5;
--muted:#a3a9b7;
}
/* Reset */
*,*::before,*::after{ box-sizing: border-box; }
html,body{ height:100%; }
body{
margin:0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:var(--text);
background:
radial-gradient(1200px 800px at 70% 20%, #0ea5e9 0%, #0b1220 55%, #0b1220 100%),
radial-gradient(900px 700px at 15% 0%, #22d3ee22 0%, #0b1220 60%);
background-color: var(--bg);
line-height:1.5;
}
a{ color:var(--text); text-decoration:none; }
.wrap{ max-width: 1024px; margin: 0 auto; padding: 48px 20px 64px; }
/* Header */
header{
display:flex; align-items:center; justify-content:space-between;
gap:16px; padding: 20px; border-bottom:1px solid #ffffff10; position:sticky; top:0; backdrop-filter: blur(8px);
background: linear-gradient(180deg, #0b1220aa, #0b122000);
}
.logo{ font-weight:800; font-size:22px; letter-spacing:.4px }
.badge{ font-size: