html { scroll-behavior: smooth; }
.gradient-bg { background: linear-gradient(135deg, #F8FAFC 0%, #FFFFFF 100%); }
.hero-gradient { background: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%); }
.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15); }
.scroll-animate { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; }
.scroll-animate.visible { opacity: 1; transform: translateY(0); }
.mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
.mobile-menu.active { transform: translateX(0); }
#reading-progress { position: fixed; top:0; left:0; height:3px; background: linear-gradient(90deg, #2563EB, #06B6D4); z-index:1000; width:0%; }
.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, #2563EB, #06B6D4); transition: width 0.3s ease; }
.nav-link:hover::after { width: 100%; }