body{font-family:Poppins,sans-serif}.poppins-light{font-family:var(--font-poppins);font-weight:300}.poppins-regular{font-family:var(--font-poppins);font-weight:400}.poppins-medium{font-family:var(--font-poppins);font-weight:500}.poppins-semibold{font-family:var(--font-poppins);font-weight:600}.poppins-bold{font-family:var(--font-poppins);font-weight:700}.font-poppins{font-family:var(--font-poppins)!important}.lessons-level-font{color:#F1E726;text-align:center;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#B16A14;font-size:20px;font-style:normal;font-weight:900;line-height:17px}.resend-color-text{color:#F1E726}.loader{position:relative;width:100px;height:100px}.loader:after,.loader:before{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 10px 2px rgba(0,0,0,.3)}.loader:after{box-shadow:inset 0 2px 0 #FF3D00;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.scrollable-background-container{scroll-behavior:smooth}.scrollable-map-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;z-index:1;transition:filter .3s ease}.map-image{width:100%;height:auto;display:block;pointer-events:none}.trivia-question{padding:15px;margin:10px 0;border-radius:10px;background-color:rgba(255,255,255,.9);border:2px solid transparent;transition:all .3s ease;cursor:pointer}.trivia-question:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.no-answer-selected{background-color:rgba(255,255,255,.9);border-color:#ddd}.correct-answer{background-color:rgba(76,175,80,.2);border-color:#4CAF50}.incorrect-answer{background-color:rgba(244,67,54,.2);border-color:#F44336}.circle{width:20px;height:20px;border-radius:50%;border:2px solid #333}.circle.black{background-color:#333}.circle.green{background-color:#4CAF50;border-color:#4CAF50}.circle.red{background-color:#F44336;border-color:#F44336}.chess-piece{transition:all .3s ease}.chess-piece-faded{opacity:.5}.progress{border-radius:10px;overflow:hidden}.progress-bar{border-radius:10px;transition:width 1s linear}.bg-cover{background-size:cover}.bg-center{background-position:50%}.overflow-x-hidden{overflow-x:hidden}.hero-img{width:280px;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}@media (min-width:768px){.hero-img{width:360px}}.logo-img{width:220px;height:auto;filter:drop-shadow(0 .5rem .75rem rgba(0,0,0,.25));margin-top:-.75rem}@media (min-width:768px){.logo-img{width:280px}}.modal-overlay{height:100%;position:absolute;left:0;top:0;background-color:rgba(255,255,255,.55);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;animation:fadeInOverlay .3s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.bounce-in{opacity:0;transform:scale(.5);animation:bounceIn .8s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.transparent-input{background:transparent!important;border:none!important;outline:none!important;color:white;font-size:clamp(1rem,2vw,1.5rem)}.transparent-input::placeholder{color:rgba(255,255,255,.7);text-align:center}.trivia-question{color:black;background:white;border-radius:40px;padding:.96rem;margin:.4rem}.trivia-question-correct{background:#3FC95D}.trivia-question-correct,.trivia-question-wrong{color:white;border-radius:32px;padding:.96rem;margin:.4rem}.trivia-question-wrong{background:#E60000}.package-button{position:relative;width:100%;max-width:520px;height:80px;border-radius:4.723px;padding:0 24px;font-size:16px;font-weight:600;border:1.889px solid transparent;background:#ffffff;color:#000000;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}.package-button--daily{background:#9726C6;color:#ffffff;border:1.889px solid #400b56;animation:dailyPulse 3s ease-in-out infinite;box-shadow:0 6px 20px rgba(151,38,198,.4)}.package-button--selected{background:#9726C6!important;color:#ffffff!important;border:1.889px solid #400b56!important;animation:selectedGlow 2s ease-in-out infinite;box-shadow:0 6px 20px rgba(151,38,198,.4)}@keyframes dailyPulse{0%,to{box-shadow:0 6px 20px rgba(151,38,198,.4);border-color:#400B56}50%{box-shadow:0 8px 30px rgba(151,38,198,.6);border-color:#5A0F7A}}@keyframes selectedGlow{0%,to{box-shadow:0 6px 20px rgba(151,38,198,.4);transform:scale(1)}50%{box-shadow:0 10px 35px rgba(151,38,198,.7);transform:scale(1.02)}}.package-button:not(.package-button--daily):hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(151,38,198,.15);border-color:rgba(151,38,198,.3)}.package-button--daily:hover,.package-button--selected:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 35px rgba(151,38,198,.6)!important;background:linear-gradient(135deg,#9726C6,#A02FD1)!important}.package-button:not(.package-button--daily):before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(151,38,198,.1);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.package-button:not(.package-button--daily):hover:before{width:100%;height:100%;border-radius:4.723px}.package-button:active{transform:scale(.98);transition:transform .1s ease}.package-button:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.4);transform:translate(-50%,-50%);pointer-events:none}.package-button:active:after{animation:ripple .6s ease-out}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:300px;height:300px;opacity:0}}.start-btn{animation:slideInUp .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}button.text-white.text-opacity-90.text-decoration-underline.small{position:relative;transition:all .3s ease;font-weight:500;letter-spacing:.5px}button.text-white.text-opacity-90.text-decoration-underline.small:hover{opacity:1;transform:scale(1.05);text-shadow:0 2px 8px rgba(255,255,255,.3)}button.text-white.text-opacity-90.text-decoration-underline.small:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#ffffff,transparent);transform:translateX(-50%);transition:width .3s ease}button.text-white.text-opacity-90.text-decoration-underline.small:hover:after{width:100%}@media (max-width:640px){.package-button{height:70px;font-size:14px;padding:0 20px}}.tagline{color:#fff;text-align:center;margin-top:1rem;padding-left:1.5rem;padding-right:1.5rem;max-width:520px;font-size:.875rem;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.8)}.msisdn-input{width:86%;max-width:480px;height:48px;border-radius:.75rem;background:rgba(255,255,255,.95);outline:none;padding-left:1rem;padding-right:1rem;font-size:15px;box-shadow:0 6px 0 rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.8)}@media (min-width:768px){.msisdn-input{height:54px;font-size:1rem}}.start-btn{position:relative;margin-top:1.25rem;width:260px;height:80px;transition:transform .15s ease-in-out;background:transparent;border-style:none}.start-btn:focus{outline:none}.start-btn:active{transform:scale(.98)}@media (min-width:768px){.start-btn{margin-top:1.5rem;width:340px;height:92px}}.start-btn-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.03em;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.35)}@media (min-width:768px){.start-btn-label{font-size:22px}}.feature-card{flex:1 1 0;min-width:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 20px rgba(0,0,0,.25);text-align:center;padding:.75rem}@media (min-width:768px){.feature-card{padding:1rem}}.feature-icon{width:3rem;height:3rem;object-fit:contain}@media (min-width:768px){.feature-icon{width:3.5rem;height:3.5rem}}.feature-title{color:#fff;font-weight:600;font-size:11px;margin-top:.5rem}@media (min-width:768px){.feature-title{font-size:.875rem}}.feature-desc{color:rgba(255,255,255,.85);font-size:9px;margin-top:.5rem;line-height:1.35}@media (min-width:768px){.feature-desc{font-size:.75rem}}.section-spacing{padding-left:1.25rem;padding-right:1.25rem;margin-top:1.5rem}@media (min-width:768px){.section-spacing{padding-left:2rem;padding-right:2rem;margin-top:2.5rem}}.video-review{position:relative;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15)}.video-iframe{position:absolute;inset:0;height:100%}.footer-links{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:2.5rem;text-align:center;color:rgba(255,255,255,.8);font-size:.75rem}@media (min-width:768px){.footer-links{font-size:.875rem}}.link-underline{text-decoration:underline}.gap-3-custom{gap:.75rem}@media (min-width:768px){.gap-3-custom{gap:1rem}}