@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(-3deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(245,166,35,.3)}50%{box-shadow:0 0 30px rgba(245,166,35,.5)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.bento-card{background:rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:2px solid rgba(200,130,20,.4);transition:transform .5s cubic-bezier(.4,0,.2,1),background .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(245,166,35,.1),inset 0 1px 1px rgba(255,255,255,.4)}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none}.bento-card:hover{background:rgba(255,255,255,.3);border-color:rgba(245,166,35,.6);transform:translateY(-4px);box-shadow:0 12px 40px rgba(245,166,35,.15),inset 0 1px 1px rgba(255,255,255,.5)}.bento-card-static{background:rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:2px solid rgba(200,130,20,.4);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(245,166,35,.1),inset 0 1px 1px rgba(255,255,255,.4)}.glass-heavy{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:2px solid rgba(200,130,20,.5);box-shadow:0 8px 32px rgba(245,166,35,.15)}.glass-heavy,.inner-card{background:rgba(255,255,255,.25)}.inner-card{backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border:2px solid rgba(200,130,20,.35);border-radius:12px;transition:background .3s ease,border-color .3s ease;box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}.inner-card:hover{background:rgba(255,255,255,.4);border-color:rgba(200,130,20,.5)}.stat-card{background:rgba(255,255,255,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(200,130,20,.3);border-radius:16px;padding:20px;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.stat-card:hover{background:rgba(255,255,255,.4);border-color:rgba(200,130,20,.5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,166,35,.15)}.balance-card{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:2px solid rgba(255,255,255,.3);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 1px rgba(255,255,255,.3)}.notification-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:2px solid rgba(200,130,20,.5);box-shadow:0 15px 50px rgba(245,166,35,.2),inset 0 1px 1px rgba(255,255,255,.6)}.feature-row:nth-child(odd){background:rgba(255,255,255,.1)}.feature-row:nth-child(2n){background:rgba(255,255,255,.05)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1));background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.animate-pulse-ring{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.25);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-top:2px solid rgba(200,130,20,.5);z-index:9999;padding:env(safe-area-inset-bottom)}.glass-toggle{background:rgba(255,255,255,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.glass-toggle,.plan-card{border:2px solid rgba(200,130,20,.4)}.plan-card{background:rgba(255,255,255,.25);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(245,166,35,.15);border-color:rgba(245,166,35,.6)}.plan-card-popular{border-color:rgba(245,166,35,.7);box-shadow:0 10px 30px rgba(245,166,35,.2)}.floating-gradient-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:linear-gradient(to bottom right,#fef3c7,rgba(254,243,199,.3) 50%,#fef9c3)}.floating-gradient-bg:before{content:"";position:absolute;top:-10%;right:-5%;width:300px;height:300px;border-radius:50%;background:linear-gradient(to bottom right,rgba(251,191,36,.5),rgba(251,146,60,.3));filter:blur(50px);will-change:transform;animation:float 6s ease-in-out infinite}@media (min-width:1024px){.floating-gradient-bg:before{width:600px;height:600px}}.floating-gradient-bg:after{content:"";position:absolute;bottom:-10%;left:-5%;width:250px;height:250px;border-radius:50%;background:linear-gradient(to bottom right,rgba(254,240,138,.5),rgba(251,191,36,.3));filter:blur(40px);will-change:transform;animation:float-slow 8s ease-in-out infinite}@media (min-width:1024px){.floating-gradient-bg:after{width:500px;height:500px}}.dark .bento-card,.dark .bento-card-static{background:hsl(0 0% 12%/.55);border-color:hsl(0 0% 17%);box-shadow:0 8px 32px rgb(0 0 0/.4),inset 0 1px 1px hsl(0 0% 100%/.04)}.dark .bento-card:before{background:linear-gradient(90deg,transparent,hsl(0 0% 100%/.06),transparent)}.dark .bento-card:hover{background:hsl(0 0% 16%/.65);border-color:hsl(40 90% 55%/.45);box-shadow:0 12px 40px rgb(0 0 0/.5),inset 0 1px 1px hsl(0 0% 100%/.04)}.dark .glass-heavy{background:hsl(0 0% 10%/.6);border-color:hsl(0 0% 18%);box-shadow:0 8px 32px rgb(0 0 0/.45)}.dark .inner-card{background:hsl(0 0% 14%/.5);border-color:hsl(0 0% 16%);box-shadow:inset 0 1px 1px hsl(0 0% 100%/.03)}.dark .inner-card:hover{background:hsl(0 0% 18%/.6);border-color:hsl(40 85% 55%/.35)}.dark .stat-card{background:hsl(0 0% 12%/.55);border-color:hsl(0 0% 16%)}.dark .stat-card:hover{background:hsl(0 0% 16%/.65);border-color:hsl(40 85% 55%/.35);box-shadow:0 8px 24px rgb(0 0 0/.4)}.dark .balance-card{border-color:hsl(0 0% 17%);box-shadow:0 12px 40px rgb(0 0 0/.5),inset 0 1px 1px hsl(0 0% 100%/.04)}.dark .notification-panel{background:hsl(0 0% 10%/.85);border-color:hsl(40 85% 55%/.35);box-shadow:0 15px 50px rgb(0 0 0/.55),inset 0 1px 1px hsl(0 0% 100%/.04)}.dark .feature-row:nth-child(odd){background:hsl(0 0% 100%/.04)}.dark .feature-row:nth-child(2n){background:hsl(0 0% 100%/.02)}.dark .animate-shimmer{background:linear-gradient(90deg,hsl(0 0% 100%/.04) 0,hsl(0 0% 100%/.1) 50%,hsl(0 0% 100%/.04));background-size:1000px 100%}.dark .mobile-bottom-nav{background:hsl(0 0% 8%/.8);border-top-color:hsl(0 0% 18%)}.dark .glass-toggle{background:hsl(0 0% 14%/.6);border-color:hsl(0 0% 17%)}.dark .plan-card{background:hsl(0 0% 12%/.55);border-color:hsl(0 0% 17%)}.dark .plan-card:hover{box-shadow:0 20px 40px rgb(0 0 0/.5);border-color:hsl(40 90% 55%/.45)}.dark .plan-card-popular{border-color:hsl(40 90% 55%/.55);box-shadow:0 10px 30px hsl(45 90% 40%/.15)}.dark .floating-gradient-bg{background:linear-gradient(to bottom right,hsl(0 0% 7%),hsl(0 0% 6%/.3) 50%,hsl(0 0% 8%))}.dark .floating-gradient-bg:before{background:linear-gradient(to bottom right,hsl(43 90% 45%/.12),hsl(30 90% 45%/.08))}.dark .floating-gradient-bg:after{background:linear-gradient(to bottom right,hsl(50 85% 50%/.1),hsl(43 90% 45%/.07))}