/* 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); }

.module-card { transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); border-left: 4px solid transparent; }
.module-card:hover { transform: translateX(6px); border-left-color: #0ea5e9; box-shadow: 0 20px 40px -12px rgba(14, 165, 233, 0.15); }
@media (prefers-color-scheme: dark) { .module-card:hover { box-shadow: 0 20px 40px -12px rgba(14, 165, 233, 0.1); } }