/* Shared utility styles across pages (keep minimal, prefer Tailwind classes) */
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; max-width: 100vw; }

.card-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(14, 165, 233, 0.25); }

.gradient-text { background: linear-gradient(135deg, #0ea5e9 0%, #ec4899 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.gradient-bg { background: linear-gradient(135deg, #0ea5e9 0%, #ec4899 100%); }

.btn-glow { box-shadow: 0 10px 40px rgba(14, 165, 233, 0.3); }
.btn-glow:hover { box-shadow: 0 15px 50px rgba(14, 165, 233, 0.4); }