body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{color:#333}.container{padding:20px}.button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px}.button:hover{background-color:#0056b3}@layer components{.bubble-beam-bg{position:relative;background:-webkit-gradient(linear,left top,left bottom,from(white),color-stop(30%,white),color-stop(75%,rgba(255,255,255,.6)),color-stop(90%,transparent)),radial-gradient(circle at 1% 88%,rgba(0,233,233,.25) 0%,transparent 30%),radial-gradient(circle at 15% 85%,rgba(24,107,251,.3) 0%,transparent 20%),radial-gradient(circle at 30% 90%,rgba(66,134,252,.25) 0%,transparent 25%),radial-gradient(circle at 50% 88%,rgba(0,233,233,.25) 0%,transparent 30%),radial-gradient(circle at 65% 92%,rgba(24,107,251,.2) 0%,transparent 35%),radial-gradient(circle at 75% 88%,rgba(0,233,233,.25) 0%,transparent 30%),radial-gradient(circle at 80% 87%,rgba(66,134,252,.15) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(66,134,252,.25) 0%,transparent 25%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");background:linear-gradient(to bottom,white 0%,white 30%,rgba(255,255,255,.6) 75%,transparent 90%),radial-gradient(circle at 1% 88%,rgba(0,233,233,.25) 0%,transparent 30%),radial-gradient(circle at 15% 85%,rgba(24,107,251,.3) 0%,transparent 20%),radial-gradient(circle at 30% 90%,rgba(66,134,252,.25) 0%,transparent 25%),radial-gradient(circle at 50% 88%,rgba(0,233,233,.25) 0%,transparent 30%),radial-gradient(circle at 65% 92%,rgba(24,107,251,.2) 0%,transparent 35%),radial-gradient(circle at 75% 88%,rgba(0,233,233,.25) 0%,transparent 30%),radial-gradient(circle at 80% 87%,rgba(66,134,252,.15) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(66,134,252,.25) 0%,transparent 25%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");background-size:cover;background-blend-mode:normal,overlay,overlay,overlay,overlay,overlay,overlay;background-repeat:no-repeat}}