@tailwind base;@tailwind components;@tailwind utilities;.glass-nav{background:#050505b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{max-width:100%;overflow-x:hidden;position:relative;width:100%}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);opacity:.4}.glow-element{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:-1}.card-hover-effect{position:relative;overflow:hidden}.card-hover-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s}.card-hover-effect:hover:before{left:100%}.interactive-bg-element{position:absolute;transition:transform .2s cubic-bezier(.2,0,.2,1);will-change:transform}.magnet-target{transition:transform .3s cubic-bezier(.2,0,.2,1);display:inline-block;will-change:transform}