:root{--glass-bg-light:hsla(0,0%,100%,.7);--glass-bg-light-hover:hsla(0,0%,100%,.85);--glass-bg-dark:rgba(15,23,42,.7);--glass-bg-dark-hover:rgba(15,23,42,.85);--glass-border-light:hsla(0,0%,100%,.18);--glass-border-dark:hsla(0,0%,100%,.08);--glass-blur-sm:blur(8px);--glass-blur-md:blur(12px);--glass-blur-lg:blur(16px);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.15);--glass-shadow-lg:0 16px 48px 0 rgba(31,38,135,.2)}.dark{--glass-bg-light:rgba(15,23,42,.8);--glass-bg-light-hover:rgba(15,23,42,.9);--glass-bg-dark:rgba(2,6,23,.8);--glass-bg-dark-hover:rgba(2,6,23,.9)}.glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow)}.dark .glass{background:var(--glass-bg-dark);border-color:var(--glass-border-dark)}.glass-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-hover:hover{background:var(--glass-bg-light-hover);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.dark .glass-hover:hover{background:var(--glass-bg-dark-hover)}