.apple-glass{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background-color:hsla(0,0%,100%,.35);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");border:1px solid hsla(0,0%,100%,.5);box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.8),inset -1px -1px 2px hsla(0,0%,100%,.1),0 16px 40px -8px rgba(15,23,42,.06);transition:background-color 1.2s ease,border-color 1.2s ease,box-shadow 1.2s ease,color 1.2s ease,transform .3s ease}.apple-glass:hover{background-color:hsla(0,0%,100%,.5)}.teal-glass{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background-color:rgba(56,192,196,.35);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");border:1px solid hsla(0,0%,100%,.7);box-shadow:inset 1px 1px 3px hsla(0,0%,100%,.7),inset -1px -1px 3px rgba(0,0,0,.1),0 8px 20px -4px rgba(56,192,196,.3);transition:all .3s ease}.group:hover .teal-glass{background-color:rgba(56,192,196,.5)}.apple-glass-dark{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background-color:rgba(15,23,42,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 1px 1px 2px hsla(0,0%,100%,.25),inset -1px -1px 2px rgba(0,0,0,.6),0 24px 64px -12px rgba(0,0,0,.5);color:#fff}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.active{opacity:1;transform:translateY(0)}.click-ripple{animation:ripple .4s cubic-bezier(.16,1,.3,1) forwards;background:rgba(56,192,196,.5);border-radius:50%;height:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0);width:20px;z-index:100}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.legacy-scrollbar::-webkit-scrollbar{width:6px}.legacy-scrollbar::-webkit-scrollbar-track{background:transparent}.legacy-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cv-box{background:rgba(56,192,196,.1);border:2px solid #38c0c4;border-radius:.5rem;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease;z-index:40}