.hero-gradient { background: linear-gradient(135deg, #0a1628 0%, #162a52 40%, #1e40af 100%); }
.smartboard-gradient { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
.card-hover { transition: transform 0.2s, box-shadow 0.2s; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s, transform 0.6s; }
.fade-in.visible { opacity: 1; transform: translateY(0); }