.bubble-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.bubble{position:absolute;bottom:-150px;background:radial-gradient(circle at 30% 30%,rgba(147,197,253,.9),rgba(96,165,250,.6));border-radius:50%;box-shadow:inset 0 0 30px rgba(255,255,255,.5),0 0 30px rgba(147,197,253,.4),0 0 60px rgba(147,197,253,.2);animation:float-up linear infinite;backdrop-filter:blur(3px)}@keyframes float-up{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}10%{opacity:var(--bubble-opacity,.3)}25%{transform:translateY(-25vh) translateX(10px) scale(1.05)}50%{transform:translateY(-50vh) translateX(-10px) scale(.95)}75%{transform:translateY(-75vh) translateX(15px) scale(1.02)}90%{opacity:var(--bubble-opacity,.3)}to{transform:translateY(-100vh) translateX(-5px) scale(.98);opacity:0}}@keyframes float-wobble{0%,to{transform:translateX(0)}25%{transform:translateX(10px)}75%{transform:translateX(-10px)}}.bubble:nth-child(3n){background:radial-gradient(circle at 30% 30%,rgba(167,139,250,.85),rgba(139,92,246,.5));box-shadow:inset 0 0 30px rgba(255,255,255,.5),0 0 30px rgba(167,139,250,.4),0 0 60px rgba(167,139,250,.2)}.bubble:nth-child(5n){background:radial-gradient(circle at 30% 30%,rgba(134,239,172,.8),rgba(74,222,128,.5));box-shadow:inset 0 0 30px rgba(255,255,255,.5),0 0 30px rgba(134,239,172,.4),0 0 60px rgba(134,239,172,.2)}.bubble:nth-child(7n){background:radial-gradient(circle at 30% 30%,rgba(251,191,236,.8),rgba(244,114,182,.5));box-shadow:inset 0 0 30px rgba(255,255,255,.5),0 0 30px rgba(251,191,236,.4),0 0 60px rgba(251,191,236,.2)}@media (prefers-reduced-motion:reduce){.bubble{animation:none;opacity:.1}}@media (max-width:768px){.bubble:nth-child(n+13){display:none}.bubble{max-width:120px;max-height:120px}}