@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-content{animation:fadeInUp 1s ease-out}.hero-graphic{animation:slideInRight 1s ease-out .3s both}.step-card{animation:fadeInUp .8s ease-out;transition:all .3s ease}.step-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.category-card{animation:fadeInUp .8s ease-out;transition:all .3s ease}.category-card:hover{transform:scale(1.05);box-shadow:0 20px 40px #00000026}.pixel-art{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f973164d}.checklist-item{transition:all .3s ease}.checklist-item:hover{transform:translate(10px)}.checklist-item .check-icon{transition:all .3s ease}.checklist-item:hover .check-icon{transform:scale(1.2);background-color:#059669}.community-card{transition:all .3s ease;cursor:pointer}.community-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.speech-bubble{position:relative;animation:pulse 2s infinite}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #3B82F6}@media (max-width: 768px){.hero-content h1{font-size:3rem;line-height:1.1}.hero-content h2{font-size:2.5rem}.step-card{margin-bottom:1rem}.category-card{margin-bottom:2rem}}@media (max-width: 480px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:2rem}.btn-primary{padding:.75rem 1.5rem;font-size:1rem}}html{scroll-behavior:smooth}section{position:relative;overflow:hidden}.bg-orange-500:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(251,146,60,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(249,115,22,.3) 0%,transparent 50%);pointer-events:none}.bg-blue-600:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(59,130,246,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(37,99,235,.2) 0%,transparent 50%);pointer-events:none}.bg-yellow-400:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 75%,rgba(250,204,21,.2) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(245,158,11,.2) 0%,transparent 50%);pointer-events:none}.bg-pink-500:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 60%,rgba(236,72,153,.2) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(219,39,119,.2) 0%,transparent 50%);pointer-events:none}.bg-red-600:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 65%,rgba(239,68,68,.2) 0%,transparent 50%),radial-gradient(circle at 65% 35%,rgba(220,38,38,.2) 0%,transparent 50%);pointer-events:none}section>*{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatNoRotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(0)}}@keyframes bounceSubtle{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-fade-in-left{animation:fadeInLeft .8s ease-out forwards;opacity:0}.animate-fade-in-right{animation:fadeInRight .8s ease-out forwards;opacity:0}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce-subtle{animation:bounceSubtle 2s ease-in-out infinite}#emoji{animation:floatNoRotate 3.2s ease-in-out infinite;will-change:transform;transform-origin:center}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}.animation-delay-1000{animation-delay:1s}.animation-delay-1200{animation-delay:1.2s}.animation-delay-1400{animation-delay:1.4s}.animation-delay-1600{animation-delay:1.6s}.animation-delay-1800{animation-delay:1.8s}.animation-delay-2000{animation-delay:2s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.categories-container{scrollbar-width:none;-ms-overflow-style:none}.categories-container::-webkit-scrollbar{display:none}.category-card{min-width:310px;max-width:310px;opacity:1;transform:scale(1);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:hover{min-width:641px;max-width:641px;opacity:1;transform:scale(1);z-index:10}.category-card .bg-pink-500{position:relative;z-index:1}.category-card:hover~.category-card{opacity:.3;transform:scale(.9)}.category-card:hover{position:relative;z-index:20}@media (max-width: 768px){.category-card{min-width:280px;max-width:280px}.category-card:hover{min-width:320px;max-width:320px}}