:root{--glass-bg-light:#ffffffe0;--glass-bg-dark:#080e24d1;--glass-border-light:#ffffffe6;--glass-border-dark:#1e293bb3;--glass-shadow-light:0 16px 40px -10px #0000001f;--glass-shadow-dark:0 16px 40px -10px #00000073;--glass-saturate-light:180%;--glass-saturate-dark:180%;--glass-blur-light:24px;--glass-blur-dark:24px;--glass-bg:var(--glass-bg-light);--glass-border:var(--glass-border-light);--glass-shadow:var(--glass-shadow-light);--glass-saturate:var(--glass-saturate-light);--glass-blur:var(--glass-blur-light)}.dark{--glass-bg:var(--glass-bg-dark);--glass-border:var(--glass-border-dark);--glass-shadow:var(--glass-shadow-dark);--glass-saturate:var(--glass-saturate-dark);--glass-blur:var(--glass-blur-dark)}.no-backdrop .glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}
.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:16px}.glass:not(.sticky):not(.absolute):not(.fixed){position:relative}.glass-flat{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:16px}.glass:before,.glass-card:before{content:"";pointer-events:none;background:radial-gradient(circle 240px at var(--mouse-x,50%) var(--mouse-y,50%), #0071e31f 0%,  transparent 100%);z-index:1;opacity:0;border-radius:inherit;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.glass:hover:before,.glass-card:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.glass:before,.glass-card:before{transition:none;display:none}}
.glass-card{border-radius:12px;min-height:200px;padding:1rem}.glass-panel{border-radius:12px;padding:1.5rem}.glass-button{cursor:pointer;color:inherit;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:transform .1s}.glass-button:hover{transform:translateY(-2px)}.glass-input{background:var(--glass-bg);width:100%;color:inherit;border:none;border-radius:6px;padding:.5rem}.glass-navbar{justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.glass-dropdown{z-index:10;min-width:180px;position:absolute}.glass-modal{max-width:600px;margin:auto;padding:2rem}.glass-carousel{justify-content:center;align-items:center;height:400px;display:flex}
