.glass-effect{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.glass-effect-light{background:rgba(255,255,255,.05);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05)}.glass-effect-heavy{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.glass-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%;width:100%;gap:1px}.glass-cell{position:relative;overflow:hidden;transition:all .5s ease}.glass-cell:hover{background-color:rgba(23,192,175,.1)}.teal-overlay{background:linear-gradient(180deg,rgba(23,192,175,.05),rgba(23,192,175,.15))}.glass-panel-teal{background:rgba(23,192,175,.1);border:1px solid rgba(23,192,175,.2)}.glass-panel-teal,.glass-panel-white{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-panel-white{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glass-hover{transition:all .3s ease}.glass-hover:hover{background-color:rgba(255,255,255,.15);transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.15)}@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.glass-effect,.glass-effect-heavy,.glass-effect-light,.glass-panel-teal,.glass-panel-white{background-color:rgba(30,30,30,.85)}}