@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(147,51,234,.5)}50%{box-shadow:0 0 40px rgba(147,51,234,.8)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f3e8ff,#fce7f3)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9333ea,#ec4899);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c3aed,#db2777)}.magical-gradient{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#ffc371);background-size:400% 400%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.magical-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.magical-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(147,51,234,.3)}.magical-button{position:relative;overflow:hidden;transition:all .3s ease}.magical-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.magical-button:hover:before{width:300px;height:300px}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#9333ea,#ec4899);border-radius:50%;opacity:.6;animation:particle-float 15s linear infinite}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(1turn);opacity:0}}