@layer components{.shadow-soft{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-medium{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.feature-card{transition:all .3s ease;opacity:0;transform:translateY(20px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.gradient-background{background-image:linear-gradient(135deg,#667eea,#764ba2)}.float-animation{animation:float 6s ease-in-out infinite}.icon-spin{transition:transform .3s ease}.icon-spin:hover{transform:rotate(1turn)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@media (prefers-reduced-motion){.fade-in-up,.feature-card{opacity:1;transform:none;transition:none}.feature-card:hover{transform:none;box-shadow:var(--shadow-medium)}.float-animation{animation:none}}}