:root{--liquid-glass-opacity-light:0.15;--liquid-glass-opacity-medium:0.25;--liquid-glass-opacity-heavy:0.35;--liquid-blur-sm:8px;--liquid-blur-md:12px;--liquid-blur-lg:16px;--liquid-blur-xl:24px;--liquid-blur-2xl:40px;--liquid-saturation:180%;--liquid-contrast:80%;--liquid-brightness:130%;--liquid-spring-stiffness:100;--liquid-spring-damping:10;--liquid-spring-mass:1;--liquid-glass-border:1px solid rgba(255,255,255,0.25);--liquid-radius-sm:12px;--liquid-radius-md:20px;--liquid-radius-lg:28px;--liquid-radius-xl:40px;--liquid-tint-primary:rgba(80,50,145,0.1);--liquid-tint-secondary:rgba(45,190,205,0.1);--liquid-tint-white:rgba(255,255,255,0.3);--liquid-tint-dark:rgba(0,0,0,0.1);--liquid-shadow-sm:0 4px 16px rgba(0,0,0,0.08);--liquid-shadow-md:0 8px 32px rgba(0,0,0,0.12);--liquid-shadow-lg:0 16px 48px rgba(0,0,0,0.16);--liquid-shadow-xl:0 24px 64px rgba(0,0,0,0.20)}.glass{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.12));border:var(--liquid-glass-border);box-shadow:var(--liquid-shadow-md),inset 0 1px 0 rgba(255,255,255,.5);transform:translateZ(0);backface-visibility:hidden;will-change:transform}.glass:before{inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.5) 0,transparent 60%);mix-blend-mode:overlay;pointer-events:none;z-index:1}.glass:after,.glass:before{content:"";position:absolute;border-radius:inherit}.glass:after{inset:-2px;backdrop-filter:blur(var(--liquid-blur-md)) saturate(var(--liquid-saturation)) contrast(var(--liquid-contrast));-webkit-backdrop-filter:blur(var(--liquid-blur-md)) saturate(var(--liquid-saturation)) contrast(var(--liquid-contrast));z-index:-1}.glass>*{position:relative;z-index:2}.glass-light{background:linear-gradient(135deg,rgba(255,255,255,var(--liquid-glass-opacity-light)) 0,rgba(255,255,255,.06) 100%)}.glass-light:before{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.4) 0,transparent 60%)}.glass-light:after{backdrop-filter:blur(var(--liquid-blur-md)) saturate(160%) contrast(95%) brightness(105%);-webkit-backdrop-filter:blur(var(--liquid-blur-md)) saturate(160%) contrast(95%) brightness(105%)}.glass-medium{background:linear-gradient(135deg,rgba(255,255,255,var(--liquid-glass-opacity-medium)) 0,rgba(255,255,255,.12) 100%)}.glass-heavy{background:linear-gradient(135deg,rgba(255,255,255,var(--liquid-glass-opacity-heavy)) 0,rgba(255,255,255,.2) 100%)}.glass-heavy:after{backdrop-filter:blur(var(--liquid-blur-lg)) saturate(200%) contrast(70%);-webkit-backdrop-filter:blur(var(--liquid-blur-lg)) saturate(200%) contrast(70%)}.glass-dark{background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.15));border:1px solid rgba(0,0,0,.25)}.glass-dark:before{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.2) 0,transparent 60%)}.glass-tint-primary{background:linear-gradient(135deg,rgba(80,50,145,.25),rgba(80,50,145,.12))}.glass-tint-secondary{background:linear-gradient(135deg,rgba(45,190,205,.25),rgba(45,190,205,.12))}.glass-xs{border-radius:9999px;padding:4px 10px}.glass-sm{border-radius:var(--liquid-radius-sm);padding:12px 16px}.glass-md{border-radius:var(--liquid-radius-md);padding:20px 24px}.glass-lg{border-radius:var(--liquid-radius-lg);padding:24px 28px}.glass-xl{border-radius:var(--liquid-radius-xl);padding:48px 56px}.glass-pill{border-radius:9999px}.glass-hover:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--liquid-shadow-xl),inset 0 1px 0 rgba(255,255,255,.6);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-hover:hover:before{opacity:1;transition:opacity .4s ease}.glass-hover:hover:after{backdrop-filter:blur(var(--liquid-blur-lg)) saturate(220%) contrast(85%) brightness(110%);-webkit-backdrop-filter:blur(var(--liquid-blur-lg)) saturate(220%) contrast(85%) brightness(110%);transition:all .4s ease}.glass-press:active{transform:scale(.98) translateZ(0);transition:transform .1s ease-out}.glass-focus:focus-visible{outline:2px solid rgba(80,50,145,.5);outline-offset:2px}.glass-frosted:after{backdrop-filter:blur(var(--liquid-blur-xl)) saturate(150%) contrast(90%) brightness(var(--liquid-brightness));-webkit-backdrop-filter:blur(var(--liquid-blur-xl)) saturate(150%) contrast(90%) brightness(var(--liquid-brightness))}.glass-crystalline{background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.2))}.glass-crystalline:after{backdrop-filter:blur(15px) saturate(200%) contrast(110%);-webkit-backdrop-filter:blur(15px) saturate(200%) contrast(110%)}.glass-reflective:before{background:linear-gradient(145deg,rgba(255,255,255,.6),transparent 40%,transparent 60%,rgba(255,255,255,.3));mix-blend-mode:overlay}.glass-content{position:relative;z-index:2;height:100%}.glass-border{border:var(--liquid-glass-border);border-radius:var(--liquid-radius-md)}.glass-shadow-sm{box-shadow:var(--liquid-shadow-sm)}.glass-shadow-md{box-shadow:var(--liquid-shadow-md)}.glass-shadow-lg{box-shadow:var(--liquid-shadow-lg)}.glass-shadow-xl{box-shadow:var(--liquid-shadow-xl)}.glass-performance{contain:layout style paint;content-visibility:auto}@keyframes liquidFadeIn{0%{opacity:0;transform:scale(.95) translateY(20px) translateZ(0)}to{opacity:1;transform:scale(1) translateY(0) translateZ(0)}}@keyframes liquidSlideUp{0%{opacity:0;transform:translateY(30px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes liquidFloat{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(0)}}.liquid-fade-in{animation:liquidFadeIn .6s cubic-bezier(.4,0,.2,1) forwards}.liquid-slide-up{animation:liquidSlideUp .5s cubic-bezier(.4,0,.2,1) forwards}.liquid-float{animation:liquidFloat 3s ease-in-out infinite}.liquid-delay-1{animation-delay:.1s}.liquid-delay-2{animation-delay:.2s}.liquid-delay-3{animation-delay:.3s}.liquid-delay-4{animation-delay:.4s}@media (prefers-reduced-motion:reduce){.glass,.glass-hover,.liquid-fade-in,.liquid-float,.liquid-slide-up{animation:none!important;transition:none!important}}@media (prefers-reduced-transparency:reduce){.glass,.glass-dark,.glass-heavy,.glass-light,.glass-medium{background:rgba(255,255,255,.95)!important}.glass-heavy:after,.glass-light:after,.glass-medium:after,.glass:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media (prefers-contrast:high){.glass,.glass-heavy,.glass-light,.glass-medium{background:#ffffff!important;border:2px solid #000000!important}.glass:after,.glass:before{display:none!important}}@media (max-width:768px){.glass:after{backdrop-filter:blur(var(--liquid-blur-sm)) saturate(150%) contrast(95%) brightness(105%);-webkit-backdrop-filter:blur(var(--liquid-blur-sm)) saturate(150%) contrast(95%) brightness(105%)}.glass-lg{padding:20px 24px}.glass-xl{padding:32px 40px}}@supports not (backdrop-filter:blur(10px)){.glass:after{display:none}.glass,.glass-heavy,.glass-light,.glass-medium{background:rgba(255,255,255,.9)!important}}