@keyframes float{0%{opacity:0;transform:translateY(0)translate(0)}15%{opacity:.12}50%{opacity:.12;transform:translateY(-16px)translate(8px)}to{opacity:0;transform:translateY(-32px)translate(0)}}.bubbles-container{z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.bubble{background:#ffffff14;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.light-mode .bubble{background:#0078d71f}.dark .bubble{background:#62c9e81f}@media (prefers-reduced-motion:reduce){.bubbles-container{display:none}}.bubble:first-child{width:50px;height:50px;animation-duration:18s;bottom:10%;left:10%}.bubble:nth-child(2){width:35px;height:35px;animation-duration:22s;animation-delay:2s;bottom:40%;left:20%}.bubble:nth-child(3){width:45px;height:45px;animation-duration:24s;animation-delay:4s;bottom:20%;left:40%}.bubble:nth-child(4){width:30px;height:30px;animation-duration:20s;animation-delay:1s;bottom:30%;left:60%}.bubble:nth-child(5){width:55px;height:55px;animation-duration:23s;animation-delay:3s;bottom:15%;left:70%}.bubble:nth-child(6){width:40px;height:40px;animation-duration:26s;animation-delay:5s;bottom:35%;left:80%}.bubble:nth-child(7){width:38px;height:38px;animation-duration:22s;animation-delay:6s;bottom:50%;left:30%}.bubble:nth-child(8){width:48px;height:48px;animation-duration:20s;animation-delay:7s;bottom:60%;left:50%}