:root{--bubble-count:40;--bg-color:#0f0e17}.bubbles{pointer-events:none;filter:blur(6px)brightness(1.1);mix-blend-mode:screen;position:fixed;inset:0}.bubble{will-change:transform,opacity;background:radial-gradient(circle at 30% 30%,#ffffffe6,#64c8ff66 40%,#0000 70%);border-radius:50%;animation:linear infinite float;position:absolute;box-shadow:0 0 30px 10px #64c8ff80}.bubble:first-child{--size:80px;--x:10vw;--duration:28s;--delay:-2s;--drift:8vw}.bubble:nth-child(2){--size:120px;--x:25vw;--duration:35s;--delay:-8s;--drift:-6vw}.bubble:nth-child(3){--size:60px;--x:40vw;--duration:42s;--delay:-12s;--drift:12vw}.bubble:nth-child(4){--size:150px;--x:60vw;--duration:38s;--delay:-5s;--drift:-10vw}.bubble:nth-child(n+5){--size:calc(40px + (var(--i,1)*10px));--drift:calc(-15vw + (var(--i,1)*3vw))}.bubble{width:var(--size);height:var(--size);left:var(--x);opacity:0;animation-duration:var(--duration);animation-delay:var(--delay);bottom:-150px}@keyframes float{0%{opacity:0;transform:translate(0)scale(.8)}10%{opacity:.7}50%{transform:translate(var(--drift),-80vh)scale(1.1);opacity:.9}90%{opacity:.6}to{transform:translate(calc(var(--drift)*.5),-120vh)scale(.9);opacity:0}}.glass-box{-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;margin:10vh auto;padding:3rem;transition:transform .4s;box-shadow:0 8px 32px #0000004d}