@charset "UTF-8";.HappyPage{width:100vw;height:100vh}@keyframes gradientFloat{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.HappyPage{background:radial-gradient(76.21% 40.68% at 21.36% 91.98%,#d0f3,#0000),radial-gradient(182.32% 84.35% at 89.81% 41.06%,#ff005e33,#0000),radial-gradient(95.53% 95.53% at 14.81% 4.47%,#10f,#9990);background-size:200% 200%;animation:gradientFloat 15s ease infinite;font-family:Cormorant-Infant-Regular}.HappyPage .Overlay{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;z-index:10;pointer-events:auto}@keyframes main{0%{display:block;opacity:0}to{display:block;opacity:1}}.HappyPage h1{font-weight:400;font-size:3.6rem;line-height:44px;opacity:0;text-align:center;animation:main 3s ease-in;animation-fill-mode:forwards}.HappyPage p{font-weight:400;font-size:2.4rem;line-height:29px;text-align:center;animation:main 3s ease-in;animation-fill-mode:forwards;animation-delay:3s;opacity:0}.HappyPage h4{margin:0;font-family:Rubik-Regular;font-weight:400;font-size:2.4rem;line-height:29px;text-align:center;animation:main 3s ease-in;animation-fill-mode:forwards;animation-delay:3s;opacity:0;width:90%;margin-bottom:1rem}.HappyPage button{width:80%;height:4.8rem;background:#d0d0d062;border:1px solid #919191;border-radius:11px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);display:flex;opacity:0;animation:main 3s ease-in;animation-fill-mode:forwards;animation-delay:6s}.HappyPage button h3{margin:auto;font-weight:400;font-size:16px;line-height:19px;color:#fff}.flowers-container{position:fixed;width:100%;height:100vh;top:0;left:0;pointer-events:none;z-index:17;overflow:hidden}.flowers-container .flower{position:absolute;font-size:4rem;display:flex;align-items:center;justify-content:center;animation-duration:4s;animation-timing-function:ease-in;animation-fill-mode:backwards;filter:drop-shadow(0 0 15px rgba(255,105,180,.8)) drop-shadow(0 0 30px rgba(255,182,193,.4));opacity:1}.flowers-container .flower:before{content:"";position:absolute;width:200%;height:200%;border-radius:50%;animation:flowerGlow 1.2s ease-in-out infinite;pointer-events:none;z-index:-1}.flowers-container .flower-1{left:5%;top:10%;animation:flowerFallWave1 4s ease-in infinite,flowerRotate 3s linear infinite,flowerPulse 1.5s ease-in-out infinite,flowerSway 3s ease-in-out infinite;animation-delay:0s}.flowers-container .flower-1:before{background:radial-gradient(circle,rgba(255,105,180,.8) 0%,rgba(255,105,180,.3) 50%,transparent 70%)}.flowers-container .flower-2{left:15%;top:8%;animation:flowerFallWave2 4.2s ease-in infinite,flowerRotate 4s linear infinite,flowerPulse 1.8s ease-in-out infinite,flowerSway 3.5s ease-in-out infinite;animation-delay:.3s}.flowers-container .flower-2:before{background:radial-gradient(circle,rgba(255,192,203,.8) 0%,rgba(255,192,203,.3) 50%,transparent 70%)}.flowers-container .flower-3{left:25%;top:12%;animation:flowerFallWave3 3.8s ease-in infinite,flowerRotate 3.5s linear infinite,flowerPulse 1.6s ease-in-out infinite,flowerSway 3.2s ease-in-out infinite;animation-delay:.6s}.flowers-container .flower-3:before{background:radial-gradient(circle,rgba(255,182,193,.8) 0%,rgba(255,182,193,.3) 50%,transparent 70%)}.flowers-container .flower-4{left:35%;top:15%;font-size:5.5rem;animation:flowerFallWave1 4.4s ease-in infinite,flowerScale 4.4s ease-in infinite,flowerRotate 2.5s linear infinite,flowerPulse 1.4s ease-in-out infinite,flowerSway 3.8s ease-in-out infinite;animation-delay:.9s}.flowers-container .flower-4:before{background:radial-gradient(circle,rgba(255,105,180,.9) 0%,rgba(255,105,180,.4) 50%,transparent 70%)}.flowers-container .flower-5{left:45%;top:9%;animation:flowerFallWave2 4s ease-in infinite,flowerRotate 3.8s linear infinite,flowerPulse 1.7s ease-in-out infinite,flowerSway 3.3s ease-in-out infinite;animation-delay:1.2s}.flowers-container .flower-5:before{background:radial-gradient(circle,rgba(255,20,147,.8) 0%,rgba(255,20,147,.3) 50%,transparent 70%)}.flowers-container .flower-6{left:55%;top:11%;animation:flowerFallWave3 4.1s ease-in infinite,flowerRotate 4.2s linear infinite,flowerPulse 1.8s ease-in-out infinite,flowerSway 3.6s ease-in-out infinite;animation-delay:1.5s}.flowers-container .flower-6:before{background:radial-gradient(circle,rgba(255,105,180,.8) 0%,rgba(255,105,180,.3) 50%,transparent 70%)}.flowers-container .flower-7{left:65%;top:7%;animation:flowerFallWave1 3.9s ease-in infinite,flowerRotate 3.6s linear infinite,flowerPulse 1.6s ease-in-out infinite,flowerSway 3.4s ease-in-out infinite;animation-delay:1.8s}.flowers-container .flower-7:before{background:radial-gradient(circle,rgba(255,192,203,.8) 0%,rgba(255,192,203,.3) 50%,transparent 70%)}.flowers-container .flower-8{left:75%;top:13%;font-size:5rem;animation:flowerFallWave2 4.3s ease-in infinite,flowerScale 4.3s ease-in infinite,flowerRotate 3s linear infinite,flowerPulse 1.5s ease-in-out infinite,flowerSway 3.7s ease-in-out infinite;animation-delay:2.1s}.flowers-container .flower-8:before{background:radial-gradient(circle,rgba(255,182,193,.9) 0%,rgba(255,182,193,.4) 50%,transparent 70%)}.flowers-container .flower-9{left:85%;top:10%;animation:flowerFallWave3 4s ease-in infinite,flowerRotate 3.9s linear infinite,flowerPulse 1.7s ease-in-out infinite,flowerSway 3.5s ease-in-out infinite;animation-delay:2.4s}.flowers-container .flower-9:before{background:radial-gradient(circle,rgba(255,20,147,.8) 0%,rgba(255,20,147,.3) 50%,transparent 70%)}.flowers-container .flower-10{left:12%;top:14%;font-size:6rem;animation:flowerFallWave1 4.5s ease-in infinite,flowerScale 4.5s ease-in infinite,flowerRotate 2.8s linear infinite,flowerPulse 1.4s ease-in-out infinite,flowerSway 3.9s ease-in-out infinite;animation-delay:2.7s}.flowers-container .flower-10:before{background:radial-gradient(circle,rgba(255,105,180,.9) 0%,rgba(255,105,180,.4) 50%,transparent 70%)}@media(max-width:768px){.flowers-container .flower{font-size:2.5rem}.flowers-container .flower-4,.flowers-container .flower-8{font-size:3.5rem}.flowers-container .flower-10{font-size:4rem}}@media(max-width:480px){.flowers-container .flower{font-size:1.8rem}.flowers-container .flower-4,.flowers-container .flower-8{font-size:2.5rem}.flowers-container .flower-10{font-size:3rem}}@keyframes flowerFallWave1{0%{transform:translateY(0) translate(0) scale(.8);opacity:1}25%{transform:translateY(30vh) translate(-30px);opacity:1}50%{transform:translateY(60vh) translate(20px);opacity:1}75%{transform:translateY(90vh) translate(-15px);opacity:1}to{transform:translateY(120vh) translate(0) scale(1);opacity:0}}@keyframes flowerFallWave2{0%{transform:translateY(0) translate(0) scale(.8);opacity:1}25%{transform:translateY(30vh) translate(35px);opacity:1}50%{transform:translateY(60vh) translate(-25px);opacity:1}75%{transform:translateY(90vh) translate(20px);opacity:1}to{transform:translateY(120vh) translate(0) scale(1);opacity:0}}@keyframes flowerFallWave3{0%{transform:translateY(0) translate(0) scale(.8);opacity:1}25%{transform:translateY(30vh) translate(25px);opacity:1}50%{transform:translateY(60vh) translate(-20px);opacity:1}75%{transform:translateY(90vh) translate(15px);opacity:1}to{transform:translateY(120vh) translate(0) scale(1);opacity:0}}@keyframes flowerSway{0%,to{filter:drop-shadow(0 0 8px rgba(255,105,180,.3)) drop-shadow(0 0 15px rgba(255,182,193,.15))}50%{filter:drop-shadow(0 0 12px rgba(255,105,180,.5)) drop-shadow(0 0 25px rgba(255,182,193,.3))}}@keyframes flowerScale{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes flowerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flowerPulse{0%,to{filter:brightness(1) drop-shadow(0 0 6px rgba(255,105,180,.3))}50%{filter:brightness(1.15) drop-shadow(0 0 12px rgba(255,105,180,.6)) drop-shadow(0 0 20px rgba(255,182,193,.4))}}@keyframes flowerGlow{0%,to{box-shadow:0 0 8px #ff69b433;transform:scale(1)}50%{box-shadow:0 0 20px #ff69b480,0 0 35px #ffb6c14d;transform:scale(1.1)}}@keyframes lyricFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.Lyrics .lyric-text{animation:lyricFadeIn .5s ease-in-out;animation-fill-mode:forwards;margin:0;font-size:2rem;font-family:Rubik-Regular;font-weight:400;font-size:32px;line-height:47px;text-align:center;color:#fff}.TrackInfo{width:90%;margin:auto;position:fixed;top:50%;opacity:0}@keyframes track{0%{opacity:.2}20%{opacity:1}to{opacity:1;top:2rem}}.TrackInfo{animation:track 2s ease-in-out;animation-fill-mode:forwards;animation-delay:3s;display:flex;align-items:center;height:8rem;padding:1rem;gap:1.5rem;background:#d9d9d93d;border:1px solid #B7B7B7;border-radius:21px;font-family:Rubik-Regular}.TrackInfo h2,.TrackInfo h3{margin:0}.TrackInfo h2{font-weight:400;font-size:1.8rem;line-height:28px;color:#fff}.TrackInfo h3{margin-top:auto;font-weight:400;font-size:16px;line-height:19px;color:#dbdbdb}.TrackInfo img{width:5rem;height:5rem;border-radius:12px}@font-face{font-family:Cormorant-Infant-Regular;src:url(/fonts/CormorantInfant-Regular.ttf)}@font-face{font-family:Rubik-Regular;src:url(/fonts/Rubik-Regular.ttf)}html,body{font-size:62.5%;color:#fff;width:100vw;height:100vh}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.QuizPage{width:100vw;height:100vh;background:#262626;display:flex;flex-direction:column;justify-content:center;align-items:center}.QuizPage header{position:fixed;top:0;width:100%;height:6rem;display:flex;align-items:center;padding-left:1rem;padding-right:1rem;background-color:#202020}.QuizPage header .login{margin-left:auto;padding-left:.5rem;padding-right:.5rem;background:#d9d9d91a;border:1px solid #7E7E7E;border-radius:9px}.QuizPage header .login h3{margin:1rem;font-family:Rubik-Regular;font-weight:400;font-size:16px;line-height:19px;color:#cacaca}.QuizPage h1{font-family:Rubik-Regular;font-weight:400;font-size:24px;line-height:28px;color:#fff}.QuizPage .AvalibleTest{width:90%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.QuizPage .AvalibleTest h1{margin-bottom:2rem}.QuizPage .AvalibleTest .TestList{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;padding:1rem}.QuizPage .AvalibleTest div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:4rem;background:#4c4c4c45;border:1px solid #AFAFAF;border-radius:17px}.QuizPage .AvalibleTest div h2{font-family:Rubik-Regular;font-weight:400;font-size:15px;line-height:18px;color:#fff}.QuizPage .TestButton{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#4c4c4c66,#6464644d);border:2px solid #AFAFAF;border-radius:17px;cursor:pointer;transition:all .3s ease;min-height:200px;text-align:center}.QuizPage .TestButton h2{font-family:Rubik-Regular;font-weight:400;font-size:18px;line-height:22px;color:#fff;margin:0 0 1rem;font-size:20px}.QuizPage .TestButton p{font-family:Rubik-Regular;font-weight:400;font-size:14px;line-height:17px;color:#cacaca;margin:0}.QuizPage .TestButton:hover{background:linear-gradient(135deg,#4c4c4c99,#64646480);border-color:#fff;transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.QuizPage .TestButton:active{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.QuizPage .UserTest{width:90%}.QuizPage .UserTest div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:4rem;background:#4c4c4c45;border:1px solid #AFAFAF;border-radius:17px;padding:1rem}.QuizPage .UserTest div div{width:95%;border:none;justify-content:start}.QuizPage .UserTest div div h1{font-family:Rubik-Regular;font-weight:400;font-size:15px;line-height:18px;color:#fff;text-align:left}.QuizPage .UserTest div h2{font-family:Rubik-Regular;font-weight:400;font-size:10px;line-height:18px;color:#fff}.QuizPage .UserProfile{width:90%}.QuizPage .UserProfile div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:4rem;background:#4c4c4c45;border:1px solid #AFAFAF;border-radius:17px;padding:1rem}.QuizPage .UserProfile div img{width:20rem;height:20rem}.QuizPage .UserProfile div div{margin-top:1rem;width:45%;border:none;height:3rem;background:#a63131;border-radius:8px;font-family:Rubik-Regular;font-weight:400;font-size:16px;line-height:19px;color:#fff}.QuizPage .UserProfile div h2{margin-top:1rem;font-family:Rubik-Regular;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#fff;margin:0}.QuizPage .UserProfile div h3{margin:0;font-family:Rubik-Regular;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#fff}.QuizPage .QuizBox{width:85%}.QuizPage .QuizBox .Question{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:4rem;background:#4c4c4c45;border:1px solid #AFAFAF;border-radius:17px;padding:1rem}.QuizPage .QuizBox .Question h2{font-family:Rubik-Regular;font-style:normal;font-weight:400;font-size:20px;line-height:24px;color:#fff;text-align:center}.QuizPage .QuizBox .Question div{display:flex;flex-direction:column;width:80%;gap:.5rem}.QuizPage .QuizBox .Question div.Gold :first-child{background:#137816;text-align:center;height:5rem}.QuizPage .QuizBox .Question div.Gold :last-child{background:#a12022;text-align:center;height:5rem}.QuizPage .QuizBox .Question div.Gold :last-child.green{background:#137816}.QuizPage .QuizBox .Question div button{height:4rem;background:#414141;border-radius:13px;border:none;font-family:Rubik-Regular;font-weight:400;font-size:15px;line-height:24px;color:#fff;text-align:left;padding-left:1rem;transition:background-color .3s ease}.QuizPage .QuizBox .Question div button.wrong{background:#a63131}.QuizPage .LoginForm{width:90%;background:#4c4c4c45;border:1px solid #AFAFAF;border-radius:17px;display:flex;flex-direction:column;align-items:center;padding:1rem}.QuizPage .LoginForm button{width:85%;background:#00817a;border-radius:9px;border:none;height:3.5rem;display:flex}.QuizPage .LoginForm button h4{margin:auto;font-family:Rubik-Regular;font-weight:400;font-size:16px;line-height:19px;color:#fff}.QuizPage .LoginForm a{margin-top:1rem;width:85%;text-align:left;font-size:1.4rem;color:#00f}.QuizPage .LoginForm input{margin-bottom:1rem;width:85%;height:3.5rem;background:#5b5b5b26;border:1px solid #A7A7A7;border-radius:8px;padding-left:1rem;font-family:Rubik-Regular;font-weight:400;font-size:14px;line-height:17px;color:#a2a2a2}.QuizPage .QuizBox.Gold{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;animation:slideIn .6s ease-out}.QuizPage .QuizBox.Gold h1{font-size:48px;margin-bottom:2rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite;letter-spacing:2px;line-height:4.9rem}.QuizPage .QuizBox.Gold .Gold{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 2rem;background:linear-gradient(135deg,#4c96644d,#27643c33);border:2px solid #00C853;border-radius:20px;min-width:83%;box-shadow:0 0 30px #00c85333,inset 0 0 20px #00c8531a,0 0 60px #00c8531a;animation:slideUp .8s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.QuizPage .QuizBox.Gold .Gold h2,.QuizPage .QuizBox.Gold .Gold p{font-family:Rubik-Regular}.QuizPage .QuizBox.Gold .Gold h2{font-size:28px;font-weight:600;color:#fff;text-align:center;margin:0;animation:fadeInDown .8s ease-out .3s both}.QuizPage .QuizBox.Gold .Gold p{font-size:16px;color:#d0d0d0;text-align:center;margin:0;animation:fadeInDown .8s ease-out .4s both}.QuizPage .QuizBox.Gold .Gold button{margin-top:1rem;padding:1rem 3rem;background:linear-gradient(135deg,#00c853,#00a842);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00c8534d;animation:fadeInUp .8s ease-out .5s both}.QuizPage .QuizBox.Gold .Gold button h3{margin:0;font-family:Rubik-Regular;font-weight:600;font-size:16px;line-height:19px;color:#fff}.QuizPage .QuizBox.Gold .Gold button:hover{background:linear-gradient(135deg,#00e676,#00c853);transform:translateY(-3px);box-shadow:0 8px 25px #00c85366}.QuizPage .QuizBox.Gold .Gold button:active{transform:translateY(-1px);box-shadow:0 4px 12px #00c8534d}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px rgba(255,165,0,.8)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}