:root {
  --brand-1: #22c7d0;
  --brand-2: #089aa1;
  --brand-shadow-rgb: 34,199,208;
  --hero-deep-1: #0f1225;
  --hero-deep-2: #071026;
  --footer-bg: #071026;
  --footer-text: #e6eefc;
  --muted: #6b7280;
}

/* Buttons */
.btn { display:inline-flex; align-items:center; gap:.5rem; padding:.6rem 1rem; border-radius:50px; text-decoration:none; font-weight:700; font-size:1rem; border:2px solid transparent; cursor:pointer; }
.btn-primary { background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%); color:#fff; box-shadow: 0 8px 20px rgba(var(--brand-shadow-rgb), .22); }
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(var(--brand-shadow-rgb), .34); }
.btn-outline { background: transparent; color: #333; border-color: rgba(var(--brand-shadow-rgb), .15); }
.btn-outline:hover { background: rgba(var(--brand-shadow-rgb), .06); }

/* CTA helpers */
.cta-button { display:inline-block; padding:1rem 2.5rem; border-radius:50px; text-decoration:none; font-weight:700; font-size:1.05rem; }
.action-button { display:inline-flex; align-items:center; gap:.5rem; padding:.9rem 1.6rem; border-radius:50px; text-decoration:none; font-weight:700; font-size:1rem; border:2px solid transparent; cursor:pointer; background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%); color:#fff; }
.action-button:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(var(--brand-shadow-rgb), .34); }