.bg-synthetic-gradient{background:linear-gradient(-45deg,#4c1d95,#6d28d9,#7c3aed,#8b5cf6,#2e1065);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-panel{background:hsla(0,0%,100%,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.12)}.skill-pill{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease;position:relative;overflow:hidden}.skill-pill:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .5s ease-out;pointer-events:none}.skill-pill:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px -5px rgba(139,92,246,.55),0 8px 10px -6px rgba(139,92,246,.45);border-color:hsla(0,0%,100%,.5);color:#fff;background:hsla(0,0%,100%,.15)}.skill-pill:hover:before{opacity:.2;transform:scale(2)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating-container{animation:float 6s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up-1{animation:fadeUp .7s ease both}.fade-up-2{animation:fadeUp .7s ease .15s both}.fade-up-3{animation:fadeUp .7s ease .3s both}.fade-up-4{animation:fadeUp .7s ease .45s both}.fade-up-5{animation:fadeUp .7s ease .6s both}