.liquid-page{background:radial-gradient(at 15% 40%,#1f6fd640,#0000 55%),radial-gradient(at 85% 75%,#e8a3172e,#0000 50%),#08090d}.liquid-layer{filter:url(#liquid-goo)drop-shadow(0 0 40px #2389db59);opacity:.85}.liquid-blob{will-change:transform;border-radius:50%;position:absolute}.liquid-blob--blue-1{background:radial-gradient(circle at 35% 30%,#5aa9f0 0%,#1f6fd6 45%,#0f3e7a 100%);width:42vmax;height:42vmax;animation:22s ease-in-out infinite alternate liquid-drift-a;top:10vh;left:-12vmax}.liquid-blob--blue-2{background:radial-gradient(circle at 35% 30%,#7cc0f5 0%,#2389db 50%,#15527f 100%);width:22vmax;height:22vmax;animation:17s ease-in-out infinite alternate liquid-drift-b;top:55vh;left:18vw}.liquid-blob--deep{background:radial-gradient(circle at 40% 35%,#2e78b5 0%,#15527f 55%,#0a2a45 100%);width:30vmax;height:30vmax;animation:26s ease-in-out infinite alternate liquid-drift-c;top:-10vmax;right:-6vmax}.liquid-blob--gold-1{background:radial-gradient(circle at 35% 30%,#f5c451 0%,#c98a12 50%,#6b4708 100%);width:28vmax;height:28vmax;animation:20s ease-in-out infinite alternate-reverse liquid-drift-b;bottom:-8vmax;right:4vw}.liquid-blob--gold-2{background:radial-gradient(circle at 35% 30%,#ffe08a 0%,#e8a317 55%,#9a6a0c 100%);width:12vmax;height:12vmax;animation:15s ease-in-out infinite alternate-reverse liquid-drift-a;top:12vh;right:30vw}.liquid-blob--cursor{background:radial-gradient(circle at 35% 30%,#8ccbfa 0%,#2389db 55%,#15527f 100%);width:14vmax;height:14vmax;top:0;left:0;transform:translate(50vw,50vh)translate(-50%,-50%)}@keyframes liquid-drift-a{0%{transform:translate(0)scale(1)}50%{transform:translate(14vw,-8vh)scale(1.15,.9)}to{transform:translate(6vw,12vh)scale(.9,1.1)}}@keyframes liquid-drift-b{0%{transform:translate(0)scale(1)}50%{transform:translate(-12vw,-14vh)scale(.85,1.15)}to{transform:translate(10vw,-4vh)scale(1.1)}}@keyframes liquid-drift-c{0%{transform:translate(0)scale(1)}50%{transform:translate(-16vw,18vh)scale(1.1,.9)}to{transform:translate(-4vw,8vh)scale(.95,1.1)}}.liquid-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),radial-gradient(#0000 0%,#08090d8c 75%);background-size:48px 48px,48px 48px,100% 100%}.liquid-card{-webkit-backdrop-filter:blur(40px)saturate(170%);background:linear-gradient(145deg,#141822d1,#08090de0);border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff0a,0 30px 80px -20px #000000b3,0 0 60px -10px #2389db40}.liquid-input{background:#040508d9;border:1px solid #ffffff24;border-radius:.875rem;align-items:center;gap:.75rem;padding:.8rem 1rem;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative;overflow:hidden}.liquid-input:focus-within{background:#08090dbf;border-color:#2389dbcc;box-shadow:0 0 0 3px #2389db2e,0 0 24px #2389db40}.liquid-input:focus-within svg{color:#2389db}.liquid-input>input{z-index:1;position:relative}.liquid-splash{pointer-events:none;background:radial-gradient(circle, var(--hue) 0%, transparent 70%);width:10px;height:10px;box-shadow:0 0 12px var(--hue);border-radius:50%;animation:.7s cubic-bezier(.22,1,.36,1) forwards liquid-splash;position:absolute;top:50%;translate:-50% -50%}.liquid-splash:after{content:"";border:1.5px solid var(--hue);border-radius:50%;animation:.7s cubic-bezier(.22,1,.36,1) forwards liquid-ring;position:absolute;inset:-2px}@keyframes liquid-splash{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(4.5,3)}}@keyframes liquid-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.liquid-input--pulse{animation:.45s ease-out liquid-pulse}@keyframes liquid-pulse{0%{box-shadow:0 0 0 3px #2389db59,0 0 34px #2389db73}to{box-shadow:0 0 0 3px #2389db2e,0 0 24px #2389db40}}.liquid-button{isolation:isolate;background:linear-gradient(135deg,#1f6fd6,#2389db);transition:box-shadow .3s,transform .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px -8px #2389db99}.liquid-button:hover:not(:disabled){box-shadow:0 14px 36px -6px #e8a31773}.liquid-button:active:not(:disabled){transform:scale(.98)}.liquid-button__wave{aspect-ratio:1;background:linear-gradient(135deg,#e8a317,#c98a12);border-radius:42%;width:260%;transition:top .7s cubic-bezier(.22,1,.36,1);animation:6s linear infinite liquid-spin;position:absolute;top:calc(100% + 160px);left:50%;translate:-50%}.liquid-button:hover:not(:disabled) .liquid-button__wave{top:-40%}@keyframes liquid-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.liquid-blob,.liquid-button__wave,.liquid-input--pulse{animation:none}}
