:root{--radius:0.5rem}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star{position:absolute;width:2px;height:2px;background:rgba(255,215,0,.8);border-radius:50%;animation:twinkle 4s infinite}.magical-text-gradient{background:linear-gradient(90deg,#8b5cf6,teal,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.magical-glow{box-shadow:0 0 30px rgba(255,215,0,.3)}.section-padding{padding:3rem 1rem}@media (min-width:768px){.section-padding{padding:6rem 1.5rem}}@media (min-width:1024px){.section-padding{padding:6rem 3rem}}@media (min-width:1280px){.section-padding{padding:6rem}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes magical-sway{0%,to{transform:translateY(0) translateX(0) rotate(0deg);filter:drop-shadow(0 0 20px rgba(139,92,246,.3))}25%{transform:translateY(-8px) translateX(6px) rotate(1deg);filter:drop-shadow(0 0 25px rgba(139,92,246,.4))}50%{transform:translateY(-12px) translateX(0) rotate(0deg);filter:drop-shadow(0 0 30px rgba(139,92,246,.5))}75%{transform:translateY(-8px) translateX(-6px) rotate(-1deg);filter:drop-shadow(0 0 25px rgba(139,92,246,.4))}}@keyframes magical-shimmer{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes magical-ripple{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-scroll-left{animation:scroll-left 15s linear infinite}.animate-scroll-right{animation:scroll-right 17.5s linear infinite}.animate-fade-in{animation:fade-in .6s ease-out forwards}@keyframes dragon-fly{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(15px,-10px) rotate(2deg) scale(1.05)}50%{transform:translate(30px,-20px) rotate(0deg) scale(1.02)}75%{transform:translate(15px,-15px) rotate(-1deg) scale(1.03)}}@keyframes wing-flap{0%,to{transform:scaleX(1) scaleY(1) rotate(0deg)}25%{transform:scaleX(.95) scaleY(1.05) rotate(1deg)}50%{transform:scaleX(.9) scaleY(1.1) rotate(0deg)}75%{transform:scaleX(.95) scaleY(1.05) rotate(-1deg)}}@keyframes fire-trail{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.6;transform:scale(1.2) translateY(10px)}to{opacity:0;transform:scale(.5) translateY(20px)}}@keyframes flame-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wizard-orbit{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(min(52%,200px)) rotate(0deg);opacity:.9}50%{opacity:.4}to{transform:translate(-50%,-50%) rotate(1turn) translateX(min(52%,200px)) rotate(-1turn);opacity:.9}}@keyframes ping-once{0%{transform:scale(1);opacity:1}60%{transform:scale(1.8);opacity:.4}to{transform:scale(1);opacity:1}}.animate-ping-once{animation:ping-once .8s ease-out}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){@keyframes dragon-fly{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8px,-8px) scale(1.02)}}}