@theme{ --color-glass-white: oklch(100% 0 0 / .1); --color-glass-black: oklch(0% 0 0 / .1); --color-glass-border: oklch(100% 0 0 / .2); --blur-xl: 20px; --blur-3xl: 48px; }@layer components{.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.glass-dark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#00000080;border:1px solid rgba(255,255,255,.1)}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.glass-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s}.glass-button:hover{background-color:#ffffff1a;transform:scale(1.02)}.gradient-bg{background:transparent}.gradient-text{background:linear-gradient(to right,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.mesh-gradient{background:transparent}.noise-texture{position:relative}.noise-texture:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:9999px;filter:blur(var(--blur-3xl));opacity:.3}.orb-pink{background-color:#ec4899}.orb-purple{background-color:#a855f7}.orb-blue{background-color:#3b82f6}.text-glow{text-shadow:0 0 20px rgba(255,255,255,.5)}.hover-lift{transition:all .3s}.hover-lift:hover{transform:translateY(-.5rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.float-animation{animation:float 6s ease-in-out infinite}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.glass-scrollbar::-webkit-scrollbar{width:8px}.glass-scrollbar::-webkit-scrollbar-track{background-color:#ffffff0d;border-radius:9999px}.glass-scrollbar::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:9999px}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}