@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#10b981;--bg-color:#0a0c14;--card-bg:#111827b3;--text-main:#f9fafb;--text-muted:#9ca3af;--border-radius-lg:20px;--border-radius-md:12px;--glass-border:1px solid #ffffff14}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);background:linear-gradient(-45deg,#020617,#0f172a,#1e1b4b,#0f172a,#020617) 0 0/400% 400% fixed;min-height:100vh;animation:15s infinite oceanWaves;overflow-x:hidden}@keyframes oceanWaves{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--border-radius-lg);padding:1.5rem;transition:transform .3s,box-shadow .3s}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:opacity .3s,transform .2s;box-shadow:0 4px 15px #ec489966}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.heading{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.input-field{border-radius:var(--border-radius-md);color:#fff;background:#0f172a99;border:1px solid #fff3;outline:none;width:100%;padding:1rem;transition:border-color .3s}.input-field:focus{border-color:var(--primary)}.navbar-bowl{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.navbar-bowl:hover{filter:drop-shadow(0 0 12px #3b82f6cc);transform:scale(1.15)}.navbar-bowl:active{transform:scale(.95)}.the-bowl{background:var(--bowl-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #fff3;border-radius:50%}.bowl-icon{background-color:var(--primary);width:24px;height:24px;-webkit-mask-image:url(/bowl-cart-logo.png);mask-image:url(/bowl-cart-logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.water-ripple{border:var(--ripple-border-width,1px) solid rgba(255, 255, 255, var(--ripple-border-opacity,.15));pointer-events:none;will-change:transform, opacity;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 15px #ffffff0d}.ripple-small{width:var(--ripple-size-small,300px);height:var(--ripple-size-small,300px);animation:3s cubic-bezier(.2,.5,.4,1) forwards ripple-smooth-fast}.ripple-large{width:var(--ripple-size-large,1500px);height:var(--ripple-size-large,1500px);border-color:rgba(255, 255, 255, var(--ripple-border-opacity-large,.08));animation:8s cubic-bezier(.1,.4,.2,1) forwards ripple-smooth-slow}.delay-ripple-small{animation-delay:.3s}.delay-ripple-large{animation-delay:1.2s}@keyframes ripple-smooth-fast{0%{opacity:var(--ripple-opacity-init-small,.6);transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes ripple-smooth-slow{0%{opacity:var(--ripple-opacity-init-large,.4);transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.nav-desktop-only{display:none}@media (width>=640px){.nav-desktop-only{display:block}}.loading-spinner{border:5px solid #a78bfa33;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:80%;height:1rem;margin-bottom:.5rem}.skeleton-title{width:60%;height:2rem;margin-bottom:1rem}.skeleton-box{width:100%;height:200px}.skeleton-circle{border-radius:50%;width:40px;height:40px}@media (width<=640px){:root{--ripple-opacity-init-small:.85;--ripple-opacity-init-large:.75;--ripple-border-opacity:.35;--ripple-border-opacity-large:.25;--ripple-border-width:2px;--ripple-size-small:220px;--ripple-size-large:800px}.mobile-optimized-form{border:none!important;border-radius:0!important;margin:0!important;padding:1rem!important}}