@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@font-face{font-family:Roboto,sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}body{height:100vh;background:#181146;font-family:Roboto,sans-serif}[class^=body-bg]{z-index:-1;width:60vh;height:60vh;filter:blur(30vh);position:absolute;border-radius:50%}.body-bg.green:nth-of-type(1){top:0;left:0;background:linear-gradient(to bottom,#3fe8ff,#00ff0a);animation:moveLeftToRight 5s infinite alternate ease-in-out}.body-bg.green:nth-of-type(2){bottom:0;right:0;background:linear-gradient(to bottom,#3fe8ff,#00ff0a);animation:moveRightToLeft 5s infinite alternate ease-in-out}.body-bg.pink:nth-of-type(1){top:0;left:0;background:linear-gradient(to bottom,#ff613f,#eb00ff);animation:moveLeftToRight 5s infinite alternate ease-in-out}.body-bg.pink:nth-of-type(2){bottom:0;right:0;background:linear-gradient(to bottom,#ff613f,#eb00ff);animation:moveRightToLeft 5s infinite alternate ease-in-out}@keyframes moveLeftToRight{0%{left:0}to{left:calc(100vw - 50vh)}}@keyframes moveRightToLeft{0%{right:0}to{right:calc(100vw - 50vh)}}main{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px 100px;gap:50px;text-align:center;min-height:100vh;overflow:hidden!important}.btn-wrapper{position:relative;overflow:hidden;padding:2px;border-radius:60px;word-break:keep-all;width:fit-content}.btn{width:fit-content;border:none;display:flex;height:80px;color:#fff;cursor:pointer;font-size:36px;padding:0 50px;align-items:center;border-radius:60px;justify-content:center;background-color:#3931ba;font-family:Roboto,sans-serif}.btn-animated-border{width:150%;height:150%;position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(transparent,transparent,transparent,transparent,transparent,white,white,transparent);animation:btn-border-rotate 3s infinite linear}.btn-mic{min-width:200px;width:fit-content;word-break:keep-all}.btn-mic img{width:100vw;height:100vh;max-width:40px;max-height:40px}@keyframes btn-border-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.ai-avatar{margin:70px 0 120px;padding:25px;position:relative}.ai-avatar:before{content:"";top:50%;left:50%;z-index:-1;width:100%;height:100%;position:absolute;border-radius:50%;background:#18134de6;transform:translate(-50%,-50%);filter:blur(5px)}.ai-avatar img{width:100vw;height:100vh;max-width:200px;max-height:200px;border-radius:50%}.ai-avatar-container{position:absolute;top:50%;left:50%;width:100%;height:100%;margin-top:-50%;margin-left:-50%;z-index:-2;animation:ai-container-rotate 3s infinite linear}.ai-avatar-circle{border-radius:50%;position:absolute;width:100%;height:100%;filter:blur(5px)}.ai-avatar-circle:nth-of-type(1){top:42%;left:20px;background:radial-gradient(#00e2ff 65%,#00e2ffb3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear}.ai-avatar-circle:nth-of-type(2){top:57%;left:-20px;background:radial-gradient(#76e1ce 65%,#76e1ceb3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear;animation-delay:1s}.ai-avatar-circle:nth-of-type(3){top:60%;right:-50px;width:calc(100% - 50px);height:calc(100% - 50px);background:radial-gradient(#4444d8 65%,#4444d8b3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear;animation-delay:2s}.ai-avatar-circle.correct:nth-of-type(1){top:42%;left:20px;background:radial-gradient(#44d86e 65%,#44d86eb3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear}.ai-avatar-circle.correct:nth-of-type(2){top:57%;left:-20px;background:radial-gradient(#76e1ce 65%,#76e1ceb3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear;animation-delay:1s}.ai-avatar-circle.correct:nth-of-type(3){top:60%;right:-50px;width:calc(100% - 50px);height:calc(100% - 50px);background:radial-gradient(#00ffa3 65%,#00ffa3b3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear;animation-delay:2s}.ai-avatar-circle.wrong:nth-of-type(1){top:42%;left:20px;background:radial-gradient(#ff0f00 65%,#ff0f00b3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear}.ai-avatar-circle.wrong:nth-of-type(2){top:57%;left:-20px;background:radial-gradient(#ee3c3c 65%,#ee3c3cb3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear;animation-delay:1s}.ai-avatar-circle.wrong:nth-of-type(3){top:60%;right:-50px;width:calc(100% - 50px);height:calc(100% - 50px);background:radial-gradient(#d84444 65%,#d84444b3 10%);transform:translateY(-50%);animation:ai-circle-rotate 2s infinite linear;animation-delay:2s}@keyframes ai-container-rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes ai-circle-rotate{0%,to{transform:translateY(-50%)}50%{transform:translate(-5%,-55%)}}.timer{gap:15px;display:flex;align-items:center;margin-top:50px}.timer-item{display:flex;font-size:32px;color:#e3e3e3}.timer span{font-size:25px;color:#a1a1a1}.question{width:100%;display:flex;justify-content:start;gap:10px;font-size:32px;color:#fff;font-weight:700;max-width:1687px;border-radius:70px;align-items:center;background:#49329b66}.pagination{gap:24px;display:flex;align-items:center;z-index:2;position:static;margin-top:50px}.pagination-item{width:48px;height:48px;display:flex;font-size:24px;font-weight:500;border-radius:50%;align-items:center;justify-content:center;color:#01e2ff66;border:2px solid rgba(1,226,255,.4)}.pagination-item.active{width:70px;height:70px;font-size:32px;color:#01e2ff;border:2px solid #01e2ff}.correct-message{padding:16px 24px;display:flex;font-size:32px;font-weight:700;color:#fff;border-radius:70px;align-items:center;justify-content:center;background:#1eff4233}.wrong-message{padding:16px 24px;display:flex;font-size:32px;font-weight:700;color:#fff;border-radius:70px;align-items:center;justify-content:center;background:#ff1e1e33}canvas{top:0;left:0;position:absolute;overflow-y:hidden;overflow-x:hidden;width:100%;margin:0}@media (min-width: 768px){main{text-align:left}.btn{height:120px;font-size:36px;padding:0 116px;border-radius:60px}.btn-animated-border{width:250%;height:350%;background:conic-gradient(transparent,transparent,transparent,#3931BA,white,transparent,transparent,transparent)}.btn-mic{width:392px}.btn-mic img{max-width:60px;max-height:60px}.ai-avatar{padding:35px;margin:100px 0 150px}.ai-avatar img{max-width:400px;max-height:400px}.timer{gap:30px}.timer-item{font-size:64px}.timer span{font-size:50px}.question{font-size:64px;max-width:1687px;min-height:140px;padding:16px 30px}.pagination{position:absolute;gap:48px;flex-direction:column;top:50%;right:45px;bottom:initial;left:initial;transform:translateY(-50%)}.pagination-item{width:88px;height:88px;font-size:36px}.pagination-item.active{width:112px;height:112px;font-size:64px}.correct-message,.wrong-message{height:140px;min-width:657px;font-size:64px;padding:16px 70px}}@media (max-width: 3000px){.ai-avatar{width:280px;height:280px;padding:10px;margin:50px 0 100px;display:flex;justify-content:center;align-items:center}.timer-item{font-size:50px!important}.ai-avatar>img{width:260px;height:260px}.wrong-message,.question{width:auto!important;height:auto!important;font-size:40px!important}.btn-mic{min-width:200px!important;width:auto!important;height:90px!important}.pagination-item{width:48px;height:48px;display:flex;font-size:24px;font-weight:500;border-radius:50%;align-items:center;justify-content:center;color:#01e2ff66;border:2px solid rgba(1,226,255,.4)}.active{width:55px;height:55px}}.spinner-animation{display:flex;justify-content:center;align-items:center}.spinner{width:80px;height:80px;border-radius:50%;background-color:#2a97f6;box-shadow:0 0 40px #3498dbb3;animation:pulse 1.5s infinite ease-in-out;display:flex;justify-content:center;align-items:center}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8;box-shadow:0 0 10px #3498dbb3}to{transform:scale(1);opacity:1}}.bars{display:flex;justify-content:space-between;align-items:end;width:40px;height:40px}.bar{width:8px;height:10px;background-color:#fff;border-radius:4px;transform-origin:center;animation:growShrink 1s ease-in-out infinite}.fade-in-word{display:inline-block;opacity:0;animation:fadeIn .5s forwards}@keyframes fadeIn{to{opacity:1}}.question{display:flex;flex-wrap:wrap}.question>span{font-weight:300!important}.bar:nth-child(1){animation-delay:.1s}.bar:nth-child(2){animation-delay:.2s}.bar:nth-child(3){animation-delay:.3s}@keyframes growShrink{0%,to{height:10px;transform:translateY(0)}50%{height:30px;transform:translateY(0)}}