:root{--glass-bg-light:#ffffffb3;--glass-bg-light-hover:#ffffffd9;--glass-bg-dark:#0f172ab3;--glass-bg-dark-hover:#0f172ad9;--glass-border-light:#ffffff2e;--glass-border-dark:#ffffff14;--glass-blur-sm:blur(8px);--glass-blur-md:blur(12px);--glass-blur-lg:blur(16px);--glass-shadow:0 8px 32px 0 #1f268726;--glass-shadow-lg:0 16px 48px 0 #1f268733}.dark{--glass-bg-light:#0f172acc;--glass-bg-light-hover:#0f172ae6;--glass-bg-dark:#020617cc;--glass-bg-dark-hover:#020617e6}.glass{background:var(--glass-bg-light);-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)}