@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root {
  --brand-1: #10b981;
  --brand-2: #14b8a6;
  --brand-3: #84cc16;
  --radius: 20px;
  --font: 'Outfit', system-ui, sans-serif;
}

.hero { min-height: 88vh; }

.hero-bg::after { background: linear-gradient(180deg, rgba(11,12,16,.45), rgba(11,12,16,.95)); }
.card { background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)); }