p,ul,h2{margin:0;padding:0}html{height:100vh;background-image:url(/assets/homescreen-DJ5XrDoQ.png);background-size:cover;background-position:center;position:relative}.background{position:relative;min-height:100vh;background-image:url(/assets/homescreen-DJ5XrDoQ.png);background-size:cover;background-position:center;z-index:0}.floating-icons{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.content-layer{position:relative;z-index:1}.floating-moneybag{position:absolute;width:42px;opacity:.9;animation-iteration-count:infinite;animation-timing-function:ease-in-out}body{font-family:Fredoka;margin:0}.error-text{color:red;font-size:14px;margin-top:10px;text-align:center}.parent-container{max-width:1465px;margin:0 auto;background-color:#000;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.logo{max-width:130px;margin:0 auto;padding:50px}.logincontent{font-weight:500;font-size:20px;line-height:25px;text-align:center;color:#fff;padding:50px 34px 100px}.background{background-image:url(/assets/homescreen-DJ5XrDoQ.png);background-size:cover;height:100%}.level-page{padding:0 0 20px}.text-wrapper{border-top:5px solid #ebad4f}.text-container{max-width:1161px;margin:0 auto}.intro-text{font-weight:700;font-size:40px;line-height:38px;text-align:center;color:#df7835e5;margin-top:30px}.falling-text{font-size:32px;font-weight:700;text-align:center}.falling-text span{display:inline-block;margin-right:8px;animation:fallDisappear 3s ease forwards}.intro-text2{font-weight:700;font-size:30px;line-height:38px;text-align:center;margin-top:30px;color:#61ac68e5}.pulse-text{display:inline-block;color:#8f5364e5;font-weight:700;animation:heartPulse 8s ease-in-out infinite}.intro-text3{font-weight:700;font-size:32px;line-height:28px;margin-bottom:90px;color:#61ac68e5;display:flex;justify-content:center;align-items:center;animation:floatText 4s ease-in-out infinite}.intro-text3-img-contnr{width:32px;height:32px;margin-left:8px}.noto-rocket{width:100%;height:100%}.input-container{max-width:471px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.name-input{border:2px solid #00000080;border-radius:15px;padding:20px;margin-bottom:20px;width:100%;box-sizing:border-box}.button-wrapper{width:331px}.start-button{border-radius:10px;background:#522392;color:#fff;width:100%;padding:14px}.level-box{max-width:1350px;background:#fff;border-radius:20px;padding:20px;margin:50px}.level-title{color:#385e4c;font-weight:700;font-size:26px;line-height:28px}.level-description{font-weight:400;font-size:20px;line-height:28px;margin-top:7px}.overallprogress{display:flex;align-items:flex-end;justify-content:flex-end;margin:29px 60px 0 0;flex-direction:column}.statusbar{font-weight:500;font-size:20px;line-height:28px;color:#800020;width:375px}.progress-status,.progress-bar{width:100%;height:8px;background:#e8e8e8;border-radius:20px;margin:10px 0;overflow:hidden}.progress-bar{width:375px;background:#ffd6e0;height:17px}.overallprogress-fill{height:100%;background:#800020;transition:width .3s ease}.msg-container{margin:40px 70px 30px}.msg-heading{font-weight:700;font-size:30px;line-height:28px;color:#8358bfe5;margin-bottom:15px}.msg-text{font-weight:500;font-size:22px;line-height:43px;color:#800020e5}.msg-text-proceed{display:inline-block;font-weight:700;cursor:pointer;animation:smoothQuake 1s ease-in-out infinite}.progress-fill{height:100%;background:#6a1b9a;transition:width .3s ease}.playbutton,.gameicon,.fileicon{width:100px;height:100px;border-radius:12px;border:none}.playbutton{background:#d26ed6}.fileicon{background:#eaa555}.gameicon{background:#88e8cf}.headerlock{width:60px;height:60px}.upper-section,.box-section,.level-info,.statusbar{display:flex;align-items:center;justify-content:center}.upper-section,.statusbar{justify-content:space-between}.level-info{gap:12px}.box-section{gap:54px}.number-circle{background:#522392;border-radius:50%;color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.video-box,.quiz-box,.game-box{border-radius:15px;padding:20px;margin:20px;width:390px;background:#fff;box-shadow:0 2px 4px #00000040;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:34px;position:relative}.tickicon{position:absolute;top:13px;right:20px}.final-box{width:598px}.complete-box{background:#f3fef4;border:1px solid #81ee8c}.lock{width:66px;height:66px}.box-description{font-weight:700;font-size:26px;color:#385e4c;line-height:28px}.question{font-weight:500;font-size:26px;line-height:33px;color:#4c4c4c}.modal-wrapper{display:flex;justify-content:center;align-items:center;height:100dvh}.modal-box{max-width:659px;margin:auto;border-radius:12px;padding:44px 125px;background:#fff}.modal-title{font-weight:600;font-size:32px;line-height:40px;text-align:center}.modal-description{font-weight:400;font-size:20px;line-height:20px;text-align:center;color:#00000080;margin-top:20px}.retry-wrapper{max-width:400px;margin:auto}.retry-button{border-radius:10px;background:#522392;color:#fff;padding:14px;width:100%;margin-top:38px}.cong-wrapper{max-width:568px;margin:auto;height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:15px;align-items:center}.congo-title{font-weight:600;font-size:60px;line-height:60px;text-align:center}.cong-description{font-weight:600;font-size:32px;line-height:100%;text-align:center;color:#c79858}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:5000}.popup-container{background:#eff4f9;width:100%;max-width:1465px;border-radius:12px;padding:0;overflow:hidden;position:relative;box-shadow:0 8px 35px #00000040;animation:popupScale .3s ease}@keyframes popupScale{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.popup-header{width:100%;display:flex;justify-content:flex-end;align-items:center;border-bottom:5px solid #ebad4f;max-height:44px}.video-header{justify-content:space-between}.question-header{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:5px solid #ebad4f}.popup-logo{padding:20px}.popup-close-btn{background:transparent;display:flex;justify-content:center;align-items:center;border:none;font-size:22px;cursor:pointer}.proceed-btn{background:#6a1b9a;display:flex;justify-content:center;align-items:center;border:none;font-size:16px;font-family:600;cursor:pointer;color:#fff;padding:6px 12px;border-radius:10px;transition:all .3s ease;margin:10px 6px}.proceed-btn:hover{background:#7b1fa2;transform:scale(1.05);box-shadow:0 4px 12px #0003}.popup-body{padding:15px 35px}.popup-title{font-size:20px;font-weight:500;padding:0 5px}.quiz-progress-box{background:#e6e6e6;height:10px;width:40%;border-radius:10px;margin-bottom:20px}.quiz-progress-fill{background:#59d654;height:100%;border-radius:10px}.question-wrapper{display:flex;align-items:stretch;justify-content:center;gap:32px}.question-box{background:#fff;padding:15px;border-radius:8px;line-height:1.5;width:50%}.options-grid{width:50%}.answer-wrapper{display:flex;align-items:stretch;justify-content:center;gap:12px}.option-card{background:#fff;padding:20px;border-radius:12px;cursor:pointer;border:2px solid transparent;margin-bottom:37px;width:35%;min-height:80px;position:relative;display:flex;align-items:flex-start}.option-label{margin-right:4px;flex-shrink:0}.option-text{white-space:normal}.option-card:not(.correct):not(.wrong):not(.selected):hover{background-color:#522392;color:#fff;cursor:pointer}.option-card.selected{background-color:#522392;color:#fff}.option-card.correct{background-color:#c8ffcd;box-shadow:0 2px 4px #00000040;color:#000}.option-card.wrong{background-color:#e10a0a;box-shadow:0 2px 4px #00000040;color:#fff}.option-card.correct:after,.option-card.wrong:after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;background-size:cover}.option-card.correct:after,.option-card.wrong:after{font-size:16px;background-color:#fff;border-radius:50%;width:25px;height:24px;display:flex;align-items:center;justify-content:center}.option-card.correct:after{content:"✔";color:#00b312}.option-card.wrong:after{content:"✖";color:#e10a0a}.option-prefix{width:28px;font-weight:600;flex-shrink:0}.option-content{line-height:1.4;white-space:normal}.cross-danger{color:#ef4444;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:22px;font-weight:700;transition:background-color .2s ease}.cross-danger:disabled{opacity:.6;cursor:not-allowed}.nextbtnwrapper{display:flex;align-items:center;justify-content:center}.next-btn{background:#522392;color:#fff;padding:14px 28px;border-radius:8px;border:none;margin-top:20px;cursor:pointer;width:200px}.next-btn.disabled{opacity:.5;cursor:not-allowed;background:gray}.video-wrapper{width:100%;height:calc(100dvh - 44px);overflow:hidden}.game-pdf-wrapper{width:100%;height:calc(100dvh - 55px)}.mux-video-player{width:100%;height:100%;object-fit:contain}.mux-video-player .page-container{padding-top:95px}.video-popup{padding-bottom:0!important}.loader{border:3px solid #522392;border-top:3px solid transparent;border-radius:50%;width:16px;height:16px;animation:spin .9s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-modal-container{min-height:150px;max-width:320px;width:90%;padding:20px;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;flex-direction:column}.message-modal-text{text-align:center;font-weight:400}.message-modal-proceed-btn{background:#6a1b9a;display:flex;justify-content:center;align-items:center;border:none;font-size:16px;font-family:600;cursor:pointer;color:#fff;padding:12px 8px;border-radius:10px;transition:all .3s ease}.message-modal-proceed-btn:hover{background:#7b1fa2;transform:scale(1.05);box-shadow:0 4px 12px #0003}.spinner{width:18px;height:18px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.guide-box-cntnr{display:flex;justify-content:center;align-items:center;margin:70px 0;perspective:1000px}.guide-wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:20px}.guide-arrow{display:flex;justify-content:center;align-items:center}.arrow-icon{animation:slideFade 2s ease-in-out infinite}.guide-box{text-align:center;flex:1;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:20px;padding:20px 25px}.guide-box:hover{box-shadow:0 12px 25px #00000040,0 6px 12px #00000026}.guide-box-title{font-weight:700;font-size:20px;color:#fff;margin-bottom:10px}.guide-box-desc{font-weight:500;font-size:18px;color:#fff}