:root{--hue-shift:0deg;--ripple-delay:1s;--ripple-duration:2s}body{background:linear-gradient(135deg,#fff 0%,#f7f7f7 100%);margin:0;padding:0}.gradient-text{background:linear-gradient(34deg,#219ebc 0%,#25b6d9 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.color-shift-chip:not(:last-child){content:" • "}.gradient-blue-teal{background:linear-gradient(135deg,#77cbe0 0%,#5ec7ea 50%,#5bffea 100%)}.color-shift-blue{background:linear-gradient(88deg,oklch(.6484 .1101 calc(219deg + var(--hue-shift)))0%,oklch(.7142 .1279 calc(221.32deg + var(--hue-shift)))90%)}.color-shift-chip{color:oklch(.6484 .1101 calc(219deg + var(--hue-shift)))!important;border-color:oklch(.6484 .1101 calc(219deg + var(--hue-shift))/.2)!important;background-color:oklch(.9 .1101 calc(219deg + var(--hue-shift))/.05)!important;border-radius:.4rem!important}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:before{content:"";background:linear-gradient(90deg,#0000 0%,#64ffff33 30% 70%,#0000 100%);width:calc(100% + 100px);height:calc(100% + 100px);animation:5s ease-in-out infinite shimmer;position:absolute;top:-50px;left:-50px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.circle{clip-path:circle(50%)}.circle-reveal{animation:.2s ease-out forwards revealCircle}@keyframes revealCircle{0%{clip-path:circle(30%);scale:1}90%{clip-path:circle(50%);scale:1.01}to{clip-path:circle(50%);scale:1}}.ripple{transform-origin:50% 100%;width:100%;height:100%;animation:ripple var(--ripple-duration)ease-in-out forwards var(--ripple-delay);pointer-events:none;z-index:-1;background:#00ffff80;border-radius:50%;position:absolute;top:0%;left:0%;transform:scale(0)}.ripple-2{transform-origin:50% 100%;width:100%;height:100%;animation:ripple var(--ripple-duration)ease-in-out forwards calc(var(--ripple-delay) + .1s);pointer-events:none;z-index:-1;background:#fff6;border-radius:50%;position:absolute;top:0%;left:0%;transform:scale(.1)}@keyframes ripple{0%{opacity:0;transform:scale(0)}1%{opacity:.8}95%{opacity:0}to{opacity:0;transform:scale(1.3)}}
