.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.pulse-red{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tactile-border{border:1px solid #e5e7eb}.active-card{background-color:#f0f4ff;border:1px solid #004ac6}.bento-card{background:#fff;border:1px solid #e1e3e4;border-radius:8px;transition:all .2s;overflow:hidden}.waveform-bar{transition:height .2s}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#737686;border-radius:2px}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.animate-slide-up{animation:.3s ease-out slide-up}.animate-fade-in{animation:.3s ease-out fade-in}.animate-slide-in-right{animation:.3s ease-out slide-in-right}@keyframes indeterminate-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-indeterminate{animation:1.4s ease-in-out infinite indeterminate-slide}.page-enter{animation:.25s ease-out fade-in}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.clay{background:#fcfaf6;border-radius:16px;box-shadow:9px 9px 16px #b4a08c1f,-7px -7px 14px #fffcf8cc}.clay-sm{background:#fcfaf6;border-radius:12px;box-shadow:6px 6px 12px #b4a08c1a,-4px -4px 8px #fffcf8b3}.clay-inset{background:#f5f1ea;border-radius:12px;box-shadow:inset 3px 3px 6px #b4a08c14,inset -2px -2px 4px #fffcf899}.clay-btn{border-radius:12px;transition:all .15s;box-shadow:4px 4px 8px #b4a08c24,-3px -3px 6px #fffcf8b3}.clay-btn:active{box-shadow:inset 3px 3px 6px #b4a08c1f,inset -2px -2px 4px #fffcf899}.clay-card-hover{transition:all .2s}.clay-card-hover:hover{transform:translateY(-1px);box-shadow:10px 10px 20px #b4a08c24,-8px -8px 16px #fffcf8d9}@keyframes blob-float{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(30px,-40px)rotate(5deg)scale(1.03)}50%{transform:translate(-20px,-60px)rotate(-3deg)scale(.97)}75%{transform:translate(40px,-20px)rotate(4deg)scale(1.02)}}@keyframes blob-float-slow{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-25px,35px)rotate(-4deg)}66%{transform:translate(30px,15px)rotate(3deg)}}@keyframes blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/40% 50% 60%}75%{border-radius:60% 30% 50% 50%/30% 60% 40% 70%}}@keyframes blob-morph-slow{0%,to{border-radius:50%}50%{border-radius:40% 60% 60% 40%/60% 40%}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blob{filter:blur(60px);opacity:.4;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.blob-1{animation:20s ease-in-out infinite blob-float,25s ease-in-out infinite blob-morph}.blob-2{animation:25s ease-in-out infinite blob-float-slow,30s ease-in-out infinite blob-morph-slow}.blob-3{animation:22s ease-in-out infinite reverse blob-float,28s ease-in-out infinite reverse blob-morph}.blob-dot{pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}.animate-scale-in{animation:.4s ease-out both scale-in}.animate-float-up{animation:.5s ease-out both float-up}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.16s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.32s}.stagger-6{animation-delay:.4s}.card-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%) 0 0/200% 100%;animation:4s ease-in-out infinite shimmer}.hover-tilt{transition:transform .3s,box-shadow .3s}.hover-tilt:hover{transform:perspective(800px)rotateX(2deg)rotateY(-2deg)translateY(-2px)}.hover-tilt:active{transform:perspective(800px)rotateX(1deg)rotateY(-1deg)translateY(0)scale(.98)}.hover-glow{transition:transform .25s,box-shadow .25s}.hover-glow:hover{transform:translateY(-3px);box-shadow:12px 12px 24px #b4a08c26,-8px -8px 16px #fffcf8d9,0 0 30px #004ac60a}.hover-bounce{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hover-bounce:hover{transform:scale(1.15)}.hover-bounce:active{transform:scale(.9)}.ripple-btn{isolation:isolate;position:relative;overflow:hidden}.ripple-btn:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #fff6 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.ripple-btn:hover:after{opacity:1}.hover-draw{position:relative}.hover-draw:after{content:"";background:currentColor;border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.hover-draw:hover:after{width:100%}.parallax-blob{will-change:transform;transition:transform .1s linear}
