:root{--glass-bg-light: rgba(255, 255, 255, .4);--glass-border-light: rgba(255, 255, 255, .6);--glass-bg-dark: rgba(15, 20, 25, .5);--glass-border-dark: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light)}.dark{--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem}.glass-navbar{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000000d}.glass-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.glass-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;filter:brightness(1.1)}.glass-card{background:linear-gradient(135deg,#e6f0fa4d,#ffffff80);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a;border-radius:1.5rem}.dark .glass-card{background:linear-gradient(135deg,#1e28324d,#0f141980);border:1px solid rgba(255,255,255,.1)}