@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}.animate-fadeInDown{animation:fadeInDown .8s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.main-title{background:linear-gradient(90deg,#fde047,#f472b6,#a855f7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite;filter:drop-shadow(0 0 30px rgba(250,204,21,.3))}.subtitle:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.6) 25%,rgba(236,72,153,.6) 50%,rgba(168,85,247,.6) 75%,transparent);animation:wave-slide 3s ease-in-out infinite}@keyframes wave-slide{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.glow{background:radial-gradient(ellipse at center,rgba(234,179,8,.3),rgba(236,72,153,.25),rgba(168,85,247,.2),transparent 70%);filter:blur(100px);border-radius:50%;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.decorative-circle-1{background:rgba(250,204,21,.1)}.decorative-circle-2{background:rgba(236,72,153,.1)}.main-card:hover .arrow{transform:translateX(-6px)}.grid-card:hover .grid-card-arrow{color:#fff;transform:translateX(-4px)}.connection-node{background:linear-gradient(135deg,#facc15,#ec4899,#a855f7);animation:node-pulse 2s ease-in-out infinite;box-shadow:0 0 30px rgba(250,204,21,.6),0 0 60px rgba(236,72,153,.4)}.connection-node:after,.connection-node:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid rgba(250,204,21,.6);border-radius:50%;animation:ripple 2s ease-out infinite}.connection-node:after{animation-delay:1s}@keyframes ripple{0%{width:100%;height:100%;opacity:1}to{width:200%;height:200%;opacity:0}}@keyframes node-pulse{0%,to{transform:translateX(-50%) scale(1);box-shadow:0 0 30px rgba(250,204,21,.6),0 0 60px rgba(236,72,153,.4)}50%{transform:translateX(-50%) scale(1.15);box-shadow:0 0 40px rgba(250,204,21,.8),0 0 80px rgba(236,72,153,.6)}}.grid-card:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(-5deg);width:60px;height:20px;background:hsla(0,0%,100%,.1);border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:10;transition:all .3s}.grid-card:after{content:"⚡";position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:24px;height:24px;background:linear-gradient(135deg,rgba(250,204,21,.8),rgba(236,72,153,.8));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 0 15px rgba(250,204,21,.6);animation:mini-node-pulse 2s ease-in-out infinite;z-index:11;line-height:24px;text-align:center}@keyframes mini-node-pulse{0%,to{box-shadow:0 0 15px rgba(250,204,21,.6);transform:translateX(-50%) scale(1)}50%{box-shadow:0 0 25px rgba(250,204,21,.9);transform:translateX(-50%) scale(1.1)}}.grid-card:hover:before{background:hsla(0,0%,100%,.15);transform:translateX(-50%) rotate(0deg)}.grid-card:hover:after{background:linear-gradient(135deg,#facc15,#ec4899);box-shadow:0 0 30px rgba(250,204,21,.9);transform:translateX(-50%) scale(1.2)}.floating-shape{position:absolute;opacity:.15;animation:float-shape 15s ease-in-out infinite}.floating-shape.circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#facc15,#ec4899);box-shadow:0 0 40px rgba(250,204,21,.4)}.floating-shape.triangle{width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:70px solid rgba(236,72,153,.3);filter:drop-shadow(0 0 30px rgba(236,72,153,.5))}.floating-shape.square{width:60px;height:60px;background:linear-gradient(135deg,#a855f7,#3b82f6);transform:rotate(45deg);box-shadow:0 0 35px rgba(168,85,247,.4)}.floating-shape.hexagon{width:70px;height:40px;background:rgba(59,130,246,.3);position:relative;box-shadow:0 0 30px rgba(59,130,246,.5)}.floating-shape.hexagon:after,.floating-shape.hexagon:before{content:"";position:absolute;width:0;border-left:35px solid transparent;border-right:35px solid transparent}.floating-shape.hexagon:before{bottom:100%;border-bottom:20px solid rgba(59,130,246,.3)}.floating-shape.hexagon:after{top:100%;border-top:20px solid rgba(59,130,246,.3)}@keyframes float-shape{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-30px) translateX(20px) rotate(90deg)}50%{transform:translateY(-60px) translateX(0) rotate(180deg)}75%{transform:translateY(-30px) translateX(-20px) rotate(270deg)}}.orbit-container{transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.orbit-container,.orbit-particle{position:absolute;top:50%;left:50%}.orbit-particle{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.9),rgba(236,72,153,.6));box-shadow:0 0 20px rgba(250,204,21,.8);animation:orbit 8s linear infinite}.orbit-particle:first-child{animation-delay:0s}.orbit-particle:nth-child(2){animation-delay:-2s}.orbit-particle:nth-child(3){animation-delay:-4s}.orbit-particle:nth-child(4){animation-delay:-6s}@keyframes orbit{0%{transform:rotate(0deg) translateX(100px) rotate(0deg)}to{transform:rotate(1turn) translateX(100px) rotate(-1turn)}}.energy-beam{position:absolute;top:50%;left:50%;width:200px;height:2px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.8) 50%,transparent);transform-origin:left center;opacity:.6;animation:beam-rotate 4s linear infinite;filter:blur(1px)}.energy-beam:before{content:"";position:absolute;top:-3px;left:0;right:0;height:8px;background:inherit;filter:blur(4px)}@keyframes beam-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes burst-out{0%{transform:translate(0) scale(0);opacity:0}10%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:0}}.animate-burst-out{animation:burst-out 3s ease-out infinite}.neon-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(250,204,21,.8) 20%,rgba(236,72,153,.8) 50%,rgba(168,85,247,.8) 80%,transparent);box-shadow:0 0 10px rgba(250,204,21,.6);animation:neon-slide 4s ease-in-out infinite}@keyframes neon-slide{0%,to{transform:translateX(-100%);opacity:0}50%{opacity:1}to{transform:translateX(200%)}}.floating-icon{position:absolute;font-size:2rem;opacity:.4;animation:float-icon 6s ease-in-out infinite;pointer-events:none}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0deg);opacity:.2}25%{opacity:.6}50%{transform:translateY(-40px) rotate(10deg);opacity:.4}75%{opacity:.6}}.edge-particle{background:radial-gradient(circle,rgba(250,204,21,.9),transparent);animation:flow-edge 8s linear infinite;box-shadow:0 0 15px rgba(250,204,21,.8)}@keyframes flow-edge{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.random-sparkle{animation:sparkle-appear 2s ease-out forwards}@keyframes sparkle-appear{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:1}to{transform:scale(0) rotate(1turn);opacity:0}}.falling-star:before{content:"✨";font-size:1.5rem;position:absolute;animation:star-fall 8s ease-in forwards;filter:drop-shadow(0 0 8px rgba(250,204,21,.8))}.falling-star:after{content:"";position:absolute;width:100px;height:2px;background:linear-gradient(90deg,rgba(250,204,21,.8),rgba(236,72,153,.4),transparent);transform-origin:left center;animation:star-trail 8s ease-in forwards;filter:blur(1px)}@keyframes star-fall{0%{transform:translate(0) rotate(0deg) scale(1);opacity:0}5%{opacity:1}95%{opacity:.8}to{transform:translate(var(--fall-x),var(--fall-y)) rotate(-45deg) scale(.5);opacity:0}}@keyframes star-trail{0%{transform:rotate(-45deg) scaleX(0);opacity:0}10%{opacity:.6}20%{transform:rotate(-45deg) scaleX(1)}90%{opacity:.4}to{transform:rotate(-45deg) scaleX(.3);opacity:0}}.floating-orb{background:radial-gradient(circle,rgba(250,204,21,.9),rgba(236,72,153,.4));box-shadow:0 0 20px rgba(250,204,21,.6);animation:gentle-float 12s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}50%{transform:translate(var(--drift-x),var(--drift-y)) scale(1.5);opacity:.6}90%{opacity:.3}to{transform:translate(calc(var(--drift-x) * 2),calc(var(--drift-y) * 2)) scale(.5);opacity:0}}.particle{width:8px;height:8px;background:radial-gradient(circle,rgba(250,204,21,.8) 0,transparent 70%);border-radius:50%;animation:float-particle 4s ease-in-out infinite;box-shadow:0 0 10px rgba(250,204,21,.6)}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-30px) scale(1.2);opacity:.8}90%{opacity:1}to{transform:translateY(-60px) scale(.8);opacity:0}}.sparkle{animation:sparkle-twinkle 2s ease-in-out infinite;text-shadow:0 0 8px rgba(251,191,36,.8)}@keyframes sparkle-twinkle{0%,to{opacity:.2;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.connector-path{filter:drop-shadow(0 0 6px rgba(250,204,21,.4));transition:all .3s ease}@media (max-width:768px){.main-title{font-size:2rem}.grid-card:nth-child(n){margin-top:0!important}}.trivia-container{position:relative;overflow:hidden}.falling-star,.floating-orb{position:absolute}.trivia-container svg path{animation:wave-flow 10s ease-in-out infinite;transform-origin:center}.trivia-container svg path:nth-child(2){animation-delay:-3s;animation-duration:15s}.trivia-container svg path:nth-child(3){animation-delay:-6s;animation-duration:12s}@keyframes wave-flow{0%,to{transform:translateX(0) scaleY(1)}50%{transform:translateX(-20px) scaleY(.98)}}