@keyframes blob {
    0% {
        transform: translate(0px, 0px) scale(1);
    }
    33% {
        transform: translate(30px, -50px) scale(1.1);
    }
    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }
    100% {
        transform: translate(0px, 0px) scale(1);
    }
}@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}@keyframes subtleScale {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}@keyframes cleanFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes gentlePulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.bg-grid-pattern{background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px) , linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:20px 20px}.animate-clean-fade{animation:cleanFadeIn .8s ease-out}.animate-slide-left{animation:slideInLeft .8s ease-out}.animate-slide-right{animation:slideInRight .8s ease-out}.animate-gentle-pulse{animation:gentlePulse 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-subtle-scale{animation:subtleScale 4s ease-in-out infinite}.clean-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.clean-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1) , 0 10px 10px -5px rgba(0,0,0,.04)}.elegant-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.elegant-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.1)}.smooth-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.clean-backdrop{backdrop-filter:blur(10px) saturate(150%);background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.elegant-glass{background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.smooth-loading{position:relative;overflow:hidden}.smooth-loading::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slideInLeft 1.5s infinite}.clean-focus:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1);border-color:#3b82f6}.elegant-text{background: linear-gradient(
        45deg,
        #3b82f6,
        #8b5cf6,
        #3b82f6
    );background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gentleShift 6s ease infinite}@keyframes gentleShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}.delay-75{animation-delay:75ms}.delay-100{animation-delay:100ms}.delay-150{animation-delay:150ms}.delay-200{animation-delay:200ms}.delay-300{animation-delay:300ms}.delay-500{animation-delay:500ms}.delay-700{animation-delay:700ms}.delay-1000{animation-delay:1000ms}.interactive-element{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.1) , 0 0 20px rgba(59,130,246,.1)}.scale-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.scale-hover:hover{transform:scale(1.05)}.border-animate{position:relative;overflow:hidden}.border-animate::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);transition:left .5s}.border-animate:hover::before{left:100%}@media (max-width:768px){.animate-blob{animation-duration:5s}.animate-float{animation-duration:4s}.elegant-card:hover{transform:none;animation:none}.bg-grid-pattern{background-size:15px 15px}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.clean-scrollbar::-webkit-scrollbar{width:6px}.clean-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.clean-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:3px}.clean-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#2563eb,#7c3aed)}@media (prefers-color-scheme:dark){.clean-backdrop{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1)}.elegant-glass{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.bg-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}}