.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);min-height:70vh}.hero-bg{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><circle cx="200" cy="200" r="100" fill="url(%23a)"/><circle cx="800" cy="300" r="150" fill="url(%23a)"/><circle cx="400" cy="700" r="120" fill="url(%23a)"/></svg>');opacity:.3}.hero-logo{max-width:300px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:fadeIn 1s ease-out}.animate-fade-in-delay{animation:fadeIn 1s ease-out .3s both}.animate-fade-in-delay-2{animation:fadeIn 1s ease-out .6s both}.animate-float{animation:float 3s ease-in-out infinite}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a!important}.category-card{transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026!important}.category-overlay{background:linear-gradient(45deg,#000000b3,#0000004d);opacity:0;transition:opacity .3s ease}.category-card:hover .category-overlay{opacity:1}.stat-item{transition:transform .3s ease}.stat-item:hover{transform:scale(1.1)}@media (max-width: 768px){.hero-section{min-height:60vh}.display-4{font-size:2.5rem}.hero-buttons .btn{display:block;width:100%;margin-bottom:1rem}}