:root{--glass-opacity-light:0.1;--glass-opacity-medium:0.15;--glass-opacity-heavy:0.2;--glass-blur-light:10px;--glass-blur-medium:16px;--glass-blur-heavy:20px;--glass-blur-ultra:28px;--glass-border-light:0.1;--glass-border-medium:0.2;--glass-border-heavy:0.3;--glass-shadow-light:0 4px 16px rgba(0,0,0,0.05);--glass-shadow-medium:0 8px 32px rgba(0,0,0,0.1);--glass-shadow-heavy:0 12px 40px rgba(0,0,0,0.15);--glass-glow-primary:rgba(59,130,246,0.3);--glass-glow-secondary:rgba(168,85,247,0.2);--glass-glow-accent:rgba(255,178,56,0.25)}.dark,[data-theme=dark]{--glass-shadow-light:0 4px 16px rgba(0,0,0,0.2);--glass-shadow-medium:0 8px 32px rgba(0,0,0,0.3);--glass-shadow-heavy:0 12px 40px rgba(0,0,0,0.4);--glass-opacity-light:0.06;--glass-opacity-medium:0.08;--glass-opacity-heavy:0.12;--glass-border-light:0.08;--glass-border-medium:0.12;--glass-border-heavy:0.16}.liquid-glass-base,.liquid-glass-light{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;position:relative;overflow:hidden}@media (max-width:768px){.liquid-glass-light{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-light{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-light)) 0,rgba(255,255,255,calc(var(--glass-opacity-light) * .6)) 50%,rgba(255,255,255,calc(var(--glass-opacity-light) * .3)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-light));box-shadow:var(--glass-shadow-light)}.liquid-glass-medium{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;position:relative;overflow:hidden}@media (max-width:768px){.liquid-glass-medium{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-medium{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .7)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .4)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium));box-shadow:var(--glass-shadow-medium)}.liquid-glass-heavy{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;position:relative;overflow:hidden}@media (max-width:768px){.liquid-glass-heavy{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-heavy{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-heavy)) 0,rgba(255,255,255,calc(var(--glass-opacity-heavy) * .8)) 50%,rgba(255,255,255,calc(var(--glass-opacity-heavy) * .5)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-heavy));box-shadow:var(--glass-shadow-heavy)}.dark .liquid-glass-light,[data-theme=dark] .liquid-glass-light{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-light)) 0,rgba(255,255,255,calc(var(--glass-opacity-light) * .7)) 50%,rgba(255,255,255,calc(var(--glass-opacity-light) * .4)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-light))}.dark .liquid-glass-medium,[data-theme=dark] .liquid-glass-medium{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .8)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .5)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium))}.dark .liquid-glass-heavy,[data-theme=dark] .liquid-glass-heavy{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-heavy)) 0,rgba(255,255,255,calc(var(--glass-opacity-heavy) * .9)) 50%,rgba(255,255,255,calc(var(--glass-opacity-heavy) * .7)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-heavy))}.liquid-glass-glow{position:relative}.liquid-glass-glow:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;filter:blur(4px);transition:all .3s ease}.liquid-glass-glow:before,.liquid-glass-glow:hover:before{background:linear-gradient(135deg,var(--glass-glow-primary) 0,transparent 50%,var(--glass-glow-secondary) 100%)}.liquid-glass-glow:hover:before{filter:blur(8px)}.liquid-glass-glow:after{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent 50%,rgba(168,85,247,.05));filter:blur(12px);transition:all .3s ease}.liquid-glass-glow:hover:after{filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.2),transparent 50%,rgba(168,85,247,.15))}.liquid-glass-ripple{position:relative;cursor:pointer}.liquid-glass-ripple:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.1) 0,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.liquid-glass-ripple:hover:before{opacity:1}.dark .liquid-glass-ripple:before,[data-theme=dark] .liquid-glass-ripple:before{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.06) 0,transparent 50%)}.liquid-glass-button{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;overflow:hidden}@media (max-width:768px){.liquid-glass-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-button{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .7)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .4)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium));box-shadow:var(--glass-shadow-medium)}.dark .liquid-glass-button,[data-theme=dark] .liquid-glass-button{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .8)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .5)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium))}.liquid-glass-button{position:relative}.liquid-glass-button:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;filter:blur(4px);transition:all .3s ease}.liquid-glass-button:before,.liquid-glass-button:hover:before{background:linear-gradient(135deg,var(--glass-glow-primary) 0,transparent 50%,var(--glass-glow-secondary) 100%)}.liquid-glass-button:hover:before{filter:blur(8px)}.liquid-glass-button:after{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent 50%,rgba(168,85,247,.05));filter:blur(12px);transition:all .3s ease}.liquid-glass-button:hover:after{filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.2),transparent 50%,rgba(168,85,247,.15))}.liquid-glass-button{transition:all .3s ease;transform-style:preserve-3d;will-change:transform}.liquid-glass-button:hover{transform:scale(1.02)}.liquid-glass-button:active{transform:scale(.98)}.liquid-glass-button-primary{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;overflow:hidden}@media (max-width:768px){.liquid-glass-button-primary{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-button-primary{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .7)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .4)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium));box-shadow:var(--glass-shadow-medium)}.dark .liquid-glass-button-primary,[data-theme=dark] .liquid-glass-button-primary{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .8)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .5)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium))}.liquid-glass-button-primary{position:relative}.liquid-glass-button-primary:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;filter:blur(4px);transition:all .3s ease}.liquid-glass-button-primary:before,.liquid-glass-button-primary:hover:before{background:linear-gradient(135deg,var(--glass-glow-primary) 0,transparent 50%,var(--glass-glow-secondary) 100%)}.liquid-glass-button-primary:hover:before{filter:blur(8px)}.liquid-glass-button-primary:after{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent 50%,rgba(168,85,247,.05));filter:blur(12px);transition:all .3s ease}.liquid-glass-button-primary:hover:after{filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.2),transparent 50%,rgba(168,85,247,.15))}.liquid-glass-button-primary{transition:all .3s ease;transform-style:preserve-3d;will-change:transform}.liquid-glass-button-primary:hover{transform:scale(1.02)}.liquid-glass-button-primary:active{transform:scale(.98)}.liquid-glass-button-primary{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(59,130,246,1) 50%,rgba(59,130,246,.9));color:white;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2),0 8px 32px var(--glass-glow-primary)}.liquid-glass-button-primary:hover{background:linear-gradient(135deg,rgba(59,130,246,1),rgba(59,130,246,.95) 50%,rgba(59,130,246,1));box-shadow:inset 0 1px 0 0 rgba(255,255,255,.3),0 12px 40px var(--glass-glow-primary)}.liquid-glass-card{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;overflow:hidden}@media (max-width:768px){.liquid-glass-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-card{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .7)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .4)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium));box-shadow:var(--glass-shadow-medium)}.dark .liquid-glass-card,[data-theme=dark] .liquid-glass-card{background:linear-gradient(135deg,rgba(255,255,255,var(--glass-opacity-medium)) 0,rgba(255,255,255,calc(var(--glass-opacity-medium) * .8)) 50%,rgba(255,255,255,calc(var(--glass-opacity-medium) * .5)) 100%);border:1px solid rgba(255,255,255,var(--glass-border-medium))}.liquid-glass-card:before{inset:-1px;z-index:-1;filter:blur(4px);transition:all .3s ease}.liquid-glass-card:before,.liquid-glass-card:hover:before{background:linear-gradient(135deg,var(--glass-glow-primary) 0,transparent 50%,var(--glass-glow-secondary) 100%)}.liquid-glass-card:hover:before{filter:blur(8px)}.liquid-glass-card:after{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:inherit;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent 50%,rgba(168,85,247,.05));filter:blur(12px);transition:all .3s ease}.liquid-glass-card:hover:after{filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.2),transparent 50%,rgba(168,85,247,.15))}.liquid-glass-card{position:relative;cursor:pointer}.liquid-glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.1) 0,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.liquid-glass-card:hover:before{opacity:1}.dark .liquid-glass-card:before,[data-theme=dark] .liquid-glass-card:before{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.06) 0,transparent 50%)}.liquid-glass-card{transition:all .5s ease}.liquid-glass-card:hover{transform:translateY(-2px) scale(1.02)}.liquid-glass-inset-highlight{box-shadow:inset 0 1px 0 0 rgba(255,255,255,.1)}.liquid-glass-rounded{border-radius:1rem}.liquid-glass-rounded-lg{border-radius:1.5rem}.liquid-glass-rounded-xl{border-radius:2rem}.liquid-glass-animate{transition:all .3s cubic-bezier(.4,0,.2,1)}.liquid-glass-animate-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.liquid-glass-animate-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.liquid-glass-hover:hover{backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy))}.liquid-glass-focus:focus{outline:none;box-shadow:var(--glass-shadow-medium),0 0 0 2px var(--glass-glow-primary)}.liquid-glass-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes liquid-orb-float{0%,to{transform:translateZ(0) scale(1) rotate(0deg);opacity:.5}25%{transform:translate3d(10px,-15px,0) scale(1.1) rotate(90deg);opacity:.7}50%{transform:translate3d(-5px,-10px,0) scale(.9) rotate(180deg);opacity:.4}75%{transform:translate3d(-12px,5px,0) scale(1.05) rotate(270deg);opacity:.6}}@keyframes liquid-orb-pulse{0%,to{transform:translateZ(0) scale(1);opacity:.3}50%{transform:translateZ(0) scale(1.2);opacity:.6}}.liquid-glass-apple,.liquid-glass-performance{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.liquid-glass-apple{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%}@media (max-width:768px){.liquid-glass-apple{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-apple{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 1px 0 0 rgba(255,255,255,.3);position:relative;overflow:hidden}.dark .liquid-glass-apple{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,.2)}.liquid-glass-apple:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.3) 0,transparent 50%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;transform:rotate(12deg) scale(1.5);filter:blur(1px)}.liquid-glass-apple:hover:before{opacity:.5}.liquid-glass-apple:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,transparent);pointer-events:none;transition:all .3s ease}.liquid-glass-orb{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;animation:liquid-orb-float 20s ease-in-out infinite}.liquid-glass-orb:nth-child(2){animation:liquid-orb-float 25s ease-in-out infinite reverse;animation-delay:-5s}.liquid-glass-orb:nth-child(3){animation:liquid-orb-pulse 15s ease-in-out infinite;animation-delay:-10s}.liquid-glass-card-enhanced{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (max-width:768px){.liquid-glass-card-enhanced{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-card-enhanced{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 1px 0 0 rgba(255,255,255,.3);position:relative;overflow:hidden}.dark .liquid-glass-card-enhanced{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,.2)}.liquid-glass-card-enhanced:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.3) 0,transparent 50%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;transform:rotate(12deg) scale(1.5);filter:blur(1px)}.liquid-glass-card-enhanced:hover:before{opacity:.5}.liquid-glass-card-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,transparent);pointer-events:none;transition:all .3s ease}.liquid-glass-card-enhanced{transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform}.liquid-glass-card-enhanced:hover{transform:translateY(-2px) scale(1.02);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 16px 48px rgba(31,38,135,.4),inset 0 1px 0 0 rgba(255,255,255,.4)}.dark .liquid-glass-card-enhanced:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);box-shadow:0 16px 48px rgba(0,0,0,.5),inset 0 1px 0 0 rgba(255,255,255,.3)}.liquid-glass-button-enhanced{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));backdrop-saturate:150%;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (max-width:768px){.liquid-glass-button-enhanced{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.liquid-glass-button-enhanced{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 1px 0 0 rgba(255,255,255,.3);position:relative;overflow:hidden}.dark .liquid-glass-button-enhanced{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,.2)}.liquid-glass-button-enhanced:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.3) 0,transparent 50%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;transform:rotate(12deg) scale(1.5);filter:blur(1px)}.liquid-glass-button-enhanced:hover:before{opacity:.5}.liquid-glass-button-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,transparent);pointer-events:none;transition:all .3s ease}.liquid-glass-button-enhanced{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.liquid-glass-button-enhanced:hover{transform:scale(1.02);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);box-shadow:0 12px 40px rgba(31,38,135,.35),inset 0 1px 0 0 rgba(255,255,255,.4)}.liquid-glass-button-enhanced:active{transform:scale(.98)}.dark .liquid-glass-button-enhanced:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}.liquid-glass-text{color:rgb(17 24 39);text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .liquid-glass-text{color:rgb(255 255 255);text-shadow:0 1px 2px rgba(0,0,0,.3)}.liquid-glass-cubeless{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.1) 50%,rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 40px rgba(59,130,246,.25),inset 0 1px 0 0 rgba(255,255,255,.3)}.liquid-glass-cubeless:hover{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.15) 50%,rgba(255,255,255,.12));border-color:rgba(255,255,255,.35);box-shadow:0 20px 56px rgba(59,130,246,.35),inset 0 1px 0 0 rgba(255,255,255,.4)}.dark .liquid-glass-cubeless{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.08) 50%,rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15)}.dark .liquid-glass-cubeless:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.1) 50%,rgba(255,255,255,.08));border-color:rgba(255,255,255,.25)}@media (max-width:768px){.liquid-glass-base{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.liquid-glass-orb{animation-duration:30s;filter:blur(20px)}}@media (prefers-reduced-motion:reduce){.liquid-glass-orb{animation:none;transform:none}.liquid-glass-button-enhanced,.liquid-glass-card-enhanced{transition:none}}.gpu-optimized{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;contain:layout style paint}