:root{
  --bg: #0b0f12;
  --bg-2:#0f151a;
  --text:#f6f7f9;
  --muted:#b9c2cc;
  --petrol:#0aa3a3;
  --petrol-2:#067a7a;
  --card: rgba(255,255,255,.06);
  --card-2: rgba(255,255,255,.09);
  --border: rgba(255,255,255,.12);
  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --radius: 18px;
  --radius-lg: 26px;

  --max: 1120px;
  --pad: clamp(18px, 3vw, 28px);

  --ease: cubic-bezier(.2,.8,.2,1);
  --fast: 160ms;
  --mid: 260ms;
}