.fade-in-up{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-in-up.visible{opacity:1!important;transform:translateY(0)!important}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.8);transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.glass-card:hover{border-color:#0ea5e9;transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.05),0 10px 10px -5px rgba(0,0,0,.02)}.text-gradient{background:linear-gradient(135deg,#0f172a 0%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:4s ease-in-out infinite float-icon}.step-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card:hover{transform:translateY(-8px)}.step-card:hover .step-icon-bg{transform:scale(1.1)rotate(5deg)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(30,41,59,.3);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(14,165,233,.5);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(14,165,233,.7)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.bento-card{transform-style:preserve-3d;transition:all .5s cubic-bezier(.23,1,.32,1)}.bento-card:hover{z-index:10;transform:translateY(-8px)scale(1.02)}.bento-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,transparent,rgba(139,92,246,.3),transparent);padding:2px;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-card:hover:before{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 40px rgba(139,92,246,.6)}}.gradient-border{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;padding:2px;position:relative}.gradient-border>div{background:#0f172a;border-radius:22px}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-gradient{background:linear-gradient(270deg,#8b5cf6,#3b82f6,#06b6d4) 0 0/600% 600%;animation:8s infinite gradient-shift}
