@charset "UTF-8";@font-face{font-family:CartoonFont;src:url(../../fonts/Z10-Cartoon.ttf) format("truetype")}@font-face{font-family:umoe;src:url(../../fonts/Z01-umoe.ttf) format("truetype")}@font-face{font-family:DonutFont;src:url(../../fonts/A04_Donut.ttf) format("truetype")}@font-face{font-family:Pyidaungsu;src:url(../../fonts/Pyidaungsu-2.5.3_Regular.ttf) format("truetype");font-weight:400;font-style:normal}.myanmar{font-family:Pyidaungsu,sans-serif;font-weight:400}.umoe,.btn-sm,.accordion-button,.quiz-item button{font-family:umoe,sans-serif;font-weight:400}.form-control{font-family:Pyidaungsu,sans-serif;font-weight:400}body,html{font-size:16px;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}*,*:after,*:before{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none}body{min-height:100vh;display:flex;flex-direction:column;font-size:15px;line-height:30px;font-weight:400;color:#383838;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;margin:0;padding:0;position:relative;z-index:0;font-family:Pyidaungsu,sans-serif;background:linear-gradient(to bottom,#673ab7,#163e6b 40%,#2a8a9c 65%,#6bb2a9 75%,#f9d877 95%,#e38c3a);background-repeat:no-repeat}body,html{-moz-osx-font-smoothing:grayscale}a:hover,a:focus{text-decoration:none;outline:none;outline-offset:0;color:#0038e3}a,a.nav-link,a:active,a:focus{color:#02049b}a,a.nav-link,.btn,input,textarea,select{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}img{max-width:100%;height:auto}video{background-size:cover;display:table-cell;vertical-align:middle;width:100%}p{margin:0 0 25px}b,strong,.alt-font strong{font-weight:600}.last-paragraph-no-margin p:last-of-type{margin-bottom:0}ul,ol,dl{list-style-position:outside;margin-bottom:25px}ul{margin:0;padding:0}input,textarea,select{border:1px solid #dfdfdf;padding:10px 15px;width:100%;margin:0 0 15px;max-width:100%;resize:none;outline:none;color:#828282;line-height:initial;word-break:initial}select{background-image:url(../images/down-arrow.png);background-position:right 14px center;background-repeat:no-repeat;background-size:10px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=submit]{width:auto}input[type=text],input[type=email],input[type=search],input[type=password],textarea,input[type=submit],input[type=tel]{-webkit-appearance:none}input:focus,textarea:focus{border:1px solid #b9b9b9;outline:none}input[type=submit]:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input::-ms-clear{display:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{transition:background-color 5000s;transition:all 0s 50000s;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}select::-ms-expand{display:none}iframe{border:0}.container{max-width:600px!important}.main-content{z-index:2;background-color:#fff;overflow:visible;position:relative}::selection{color:#000;background:#dbdbdb}::-moz-selection{color:#a6a6a6;background:#dbdbdb}::-webkit-input-placeholder{color:#a6a6a6;text-overflow:ellipsis}::-moz-placeholder{color:#a6a6a6;text-overflow:ellipsis;opacity:1}:-ms-input-placeholder{color:#a6a6a6;text-overflow:ellipsis;opacity:1}.placeholder-light::-webkit-input-placeholder{color:#fff}.placeholder-light::-moz-placeholder{color:#fff}.placeholder-light:-ms-input-placeholder{color:#fff}.placeholder-dark::-webkit-input-placeholder{color:#232323}.placeholder-dark::-moz-placeholder{color:#232323}.placeholder-dark:-ms-input-placeholder{color:#232323}.no-transition{transition:all 0s ease-in-out!important;-moz-transition:all 0s ease-in-out!important;-webkit-transition:all 0s ease-in-out!important;-ms-transition:all 0s ease-in-out!important;-o-transition:all 0s ease-in-out!important}.transition{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-right:15px;padding-left:15px}.row{margin-right:-15px;margin-left:-15px}.row>*{padding-right:15px;padding-left:15px}.row.g-0{margin-right:0;margin-left:0}.row.g-0>*{padding-right:0;padding-left:0}h1,h2,h3,.alt-font,.btn,svg{font-family:CartoonFont,sans-serif}h4,h5,h6,.main-font{font-family:umoe,sans-serif!important}h1,h2,h3,h4,h5,h6{margin:0 0 25px;padding:0;letter-spacing:-.5px;font-weight:inherit;line-height:normal}h1{font-size:3.6rem!important;line-height:5rem}h2{font-size:2.8rem}h3{font-size:1.9rem}h4{font-size:1.3rem}h5{font-size:1.4rem;line-height:2.7rem}h6{font-size:1.2rem;line-height:2.5rem}.font-size-0{font-size:0}.text-very-small{font-size:11px;line-height:14px}.text-extra-small{font-size:12px;line-height:16px}.text-small{font-size:13px;line-height:22px}.text-medium{font-size:14px;line-height:20px}.text-extra-medium{font-size:16px;line-height:28px}.text-large{font-size:18px;line-height:28px}.text-extra-large{font-size:20px;line-height:28px}.title-extra-small{font-size:30px;line-height:32px}.title-small{font-size:36px;line-height:42px}.title-large{font-size:100px;line-height:95px}.title-large-2{font-size:70px;line-height:80px}.title-large-3{font-size:80px;line-height:80px}.title-extra-large{font-size:130px;line-height:120px}.title-extra-large-heavy{font-size:11rem;line-height:11rem}.text-big{font-size:200px;line-height:200px}.text-extra-big{font-size:230px;line-height:230px}.text-extra-big-2{font-size:300px;line-height:260px}.parallax-title{padding:16px 35px;display:inline-block}.text-white,.btn-link.text-white,a.text-white-hover:hover{color:#fff}.text-black,.btn-link.text-black,a.text-black-hover:hover{color:#000}.text-extra-dark-gray,.btn-link.text-extra-dark-gray,a.text-extra-dark-gray-hover:hover{color:#232323}.text-olivine-green,.btn-link.text-olivine-green,a.text-olivine-green-hover:hover{color:#fed503}.text-glow{text-shadow:0px 1px 12px rgba(28,255,233,.6)}.text-orange{color:#ff7b1e!important}.bg-orange{background-color:#ff7b1e!important}.bg-blue{background-color:#1a73e8!important}@keyframes logoPulse{0%,1.6%,2.4%,to{transform:scale(1)}0.4%,1.2%,2.0%{transform:scale(1.1)}}@keyframes fadeInEffect{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes blinkGlow{0%,to{opacity:1;box-shadow:0 0 5px #fff,0 0 10px gold}50%{opacity:.7;box-shadow:0 0 #fff}}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glowPulse{0%,to{text-shadow:0px 1px 12px rgba(28,255,233,.3)}50%{text-shadow:0px 1px 12px rgb(189,255,248)}}@keyframes pulse-ring{0%{transform:scale(1);box-shadow:0 0 #007bffb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #007bff00}to{transform:scale(1)}}.light-gray{background-color:#929292}.saffron{background-color:#ffba39}.terracotta{background-color:#e98c64}.raspberry{background-color:#c75e84}.grape{background-color:#5f3c90}section{flex:1}footer{width:100%;margin-top:auto;position:relative;overflow:hidden;min-height:300px;z-index:0}.sticky-top{border-bottom:4px solid #cbcbcb}.fade-in{animation:fadeInEffect .6s ease-out forwards}.text-glow{text-shadow:0px 1px 12px rgba(28,255,233,.6);animation:glowPulse 2s infinite ease-in-out}.overlay{position:absolute;z-index:999;bottom:0}.btn{position:relative;border-radius:50px;padding:10px 30px 8px!important;min-width:140px;margin-bottom:1.8rem;font-size:1.4rem;color:#fff!important;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent;transition:box-shadow .3s ease-in-out}.btn:hover,.btn:active,.btn:focus{outline:none;box-shadow:inset 0 0 15px #ffffffb3}.btn:after{content:"";position:absolute;top:10px;left:17px;width:20px;height:10px;background:#ffffff4d;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50px;box-shadow:inset 0 4px 6px #ffffff80;pointer-events:none}.btn-primary,.btn-secondary,.btn-third{--shadow-color: #13112a74;box-shadow:0 5px 0 var(--shadow-color),0 10px 20px #0003!important}.btn-primary:focus,.btn-primary:hover,.btn-secondary:focus,.btn-secondary:hover,.btn-third:focus,.btn-third:hover{transform:translateY(0)!important;box-shadow:0 5px 0 var(--shadow-color),0 10px 20px #0003!important}.btn-primary:active,.btn-secondary:active,.btn-third:active{box-shadow:0 0 0 var(--shadow-color),0 0 5px #0003!important;transform:translateY(5px)!important}.btn-primary{background:linear-gradient(89deg,#ffc107,#ff5722)}.btn-secondary{background:linear-gradient(150deg,#fff,#0abce0 15%,#024ba7)}.btn-third{background:linear-gradient(45deg,#fd974d,#e57a44,#bd503b);--shadow-color: #85352E}.btn-sm{font-size:medium}.btn-sm:hover{background-color:#051632d7}.btn.icon-btn{color:#084429!important;border:0;padding:7px 6px 0 8px!important;min-width:10px!important}#profileBtn.btn,#backBtn.btn{min-width:16px!important;padding:10px 14px 5px!important;box-shadow:none!important;font-size:1.2rem;position:absolute;top:14px;color:#ff7b1e!important;background:#fff;border:0!important}#profileBtn.btn:after,#backBtn.btn:after{content:"";position:absolute;top:10px;left:17px;width:20px;height:10px;background:#fff0;border-radius:50%;transform:rotate(-25deg);pointer-events:none}#backBtn.btn{left:15px}#profileBtn.btn{right:15px}.btn-cartoon{font-family:CartoonFont,sans-serif;font-size:1.4rem;color:#fff;background:#ff5e5e;border:2px solid #000;box-shadow:4px 4px #000;border-radius:50px;padding:8px 20px 6px!important;min-width:180px!important;transition:all .1s;transform:rotate(2deg)}.btn-cartoon:hover{background:#d37a7a}.btn-cartoon:active{transform:translate(4px,4px) rotate(-2deg);background:#d37a7a!important;box-shadow:0 0 #000}.card{width:100%;max-width:500px;padding:30px;margin:20px 0;position:relative;border:0!important;background:linear-gradient(135deg,#e3f2fd,#f1f8ff);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 1639 1230' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1638.89,987.9 C1638.89,1144.2 1587.6,1220 1453.5,1220 C1172.8,1226.6 961.6,1230 819.8,1230 C680,1230 468.8,1226.6 186.1,1220 C52,1220 0.8,1144.2 0.8,987.9 L0.8,242.5 C0.8,86.1 52,10.4 186.1,10.4 C469.4,3.7 680.6,0.4 819.8,0.4 C962.3,0.4 1173.5,3.7 1453.5,10.4 C1587.6,10.4 1638.8,86.1 1638.8,242.5 L1638.8,987.9 Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 1639 1230' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1638.89,987.9 C1638.89,1144.2 1587.6,1220 1453.5,1220 C1172.8,1226.6 961.6,1230 819.8,1230 C680,1230 468.8,1226.6 186.1,1220 C52,1220 0.8,1144.2 0.8,987.9 L0.8,242.5 C0.8,86.1 52,10.4 186.1,10.4 C469.4,3.7 680.6,0.4 819.8,0.4 C962.3,0.4 1173.5,3.7 1453.5,10.4 C1587.6,10.4 1638.8,86.1 1638.8,242.5 L1638.8,987.9 Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%}.big-card{width:100%;max-width:500px;border:none;filter:drop-shadow(0px 15px 25px rgba(0,0,0,.15));display:flex;flex-direction:column;margin:0 0 20px}.card-top,.card-bottom{width:100%;aspect-ratio:1639 / 243;background-repeat:no-repeat}.card-top{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1639 243' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.8,242.5 C0.8,86.1 52,10.4 186.2,10.4 C469.5,3.7 680.7,0.4 819.8,0.4 C962.3,0.4 1173.5,3.7 1453.5,10.4 C1587.6,10.4 1638.9,86.1 1638.9,242.5 L0.8,242.5 Z' fill='%23D7EEFB'/%3E%3C/svg%3E");background-position:bottom}.card-middle{background-color:#d7eefb;padding:0 20px 1px;margin:-1px 0}.card-bottom{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1639 243' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0, 243) scale(1, -1)'%3E%3Cpath d='M0.8,242.5 C0.8,86.1 52,10.4 186.2,10.4 C469.5,3.7 680.7,0.4 819.8,0.4 C962.3,0.4 1173.5,3.7 1453.5,10.4 C1587.6,10.4 1638.9,86.1 1638.9,242.5 L0.8,242.5 Z' fill='%23D7EEFB'/%3E%3C/g%3E%3C/svg%3E");background-position:top;margin-top:-1px}.card-disabled{position:relative;pointer-events:none}.card-disabled:after{content:"\f023";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:25px;right:0;font-size:.8rem;z-index:10;background:#fff;padding:2px 12px;border-radius:50%}.logo{margin-top:20px;width:80%;display:inline-block;animation:logoPulse 123s ease infinite}.header-image{width:100%;margin:0}.elephant-img{position:relative;z-index:20;display:block;margin:0 auto}.levitate-img{animation:levitate 3s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 10px 10px rgba(0,0,0,.1))}.illustration-container{display:flex;align-items:flex-end;justify-content:flex-end;height:100%}.illustration-img{max-width:140%;margin-right:-20px;margin-bottom:-10px}.presentation-images{max-height:130px;object-fit:contain}.presentation-voice{position:absolute;top:10px;right:10px;border-radius:50%;border:0;padding:6px 8px 2px!important;z-index:999;background:transparent}.star-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:15;overflow:hidden;pointer-events:none}#stars,#stars2,#stars3{background:transparent;border-radius:50%}#stars{width:5px;height:5px;box-shadow:5vw 10vh #ffd7a7,10vw 80vh #ffd7a7,25vw 30vh #ffd7a7,40vw 50vh #ffd7a7,50vw 10vh #ffd7a7,60vw 90vh #ffd7a7,75vw 20vh #ffd7a7,90vw 85vh #ffd7a7,15vw 60vh #ffd7a7;animation:animStar 50s linear infinite}#stars2{width:3px;height:3px;box-shadow:15vw 15vh #ffd7a7,85vw 60vh #ffd7a7,45vw 45vh #ffd7a7,35vw 90vh #ffd7a7;animation:animStar 100s linear infinite,blinkGlow 4s infinite ease-in-out}#stars3{width:14px;height:14px;box-shadow:5vw 50vh #ffd7a7,80vw 20vh #ffd7a7,50vw 80vh #ffd7a7;animation:animStar 150s linear infinite,blinkGlow 3s infinite alternate}.cartoon-title{color:#ff9500;text-shadow:5px 5px 0px #000;margin-bottom:20px}.cartoon-title-left,.cartoon-title-right{line-height:3.2rem!important;padding:20px 0;display:inline-block;color:#f99498;background:linear-gradient(to top,#f99498,#ff5e5e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(5px 5px 0px #3a376d);margin-bottom:20px;font-weight:700}.cartoon-title-left{transform:rotate(-2deg)}.cartoon-title-right{transform:rotate(2deg)}.cartoon-body{font-family:umoe,sans-serif;line-height:1.3;font-size:1.3rem;font-weight:500;text-shadow:1px 1px 0px rgba(255,255,255,.5)}.form-control{letter-spacing:1px}.form-control:focus{box-shadow:none!important;border-color:transparent!important}.form-control::placeholder{color:#ccc;font-size:1.6rem!important}.input-group-lg{border:2px solid rgba(255,255,255,.5)}.input-group-lg>.btn,.input-group-lg>.form-control{padding:.5rem 1rem;font-size:1.4rem!important}.form-check-input{margin-top:.45em;border:1px solid #02049b}#playlist{border-radius:12px!important;padding-bottom:40px}#playlist::-webkit-scrollbar{display:none}.lang-item{border-radius:12px!important;margin-bottom:8px;border:0;background:linear-gradient(189deg,#8bc34a,#a1ecf5);transition:all .3s ease}.lang-item:hover{background:linear-gradient(189deg,#ffc107 0% 100%)}.lang-item.active{color:#fff!important;background:linear-gradient(189deg,#ffc107,#ff5722)}.lang-item.active i{color:#fff!important}.player-display-box,.quiz-item{border-radius:20px!important;padding:10px 0;background:linear-gradient(189deg,#fff 70%,#dadada);margin-bottom:10px}.quiz-item{padding:20px 30px}.pulse-animation{animation:pulse-ring .6s infinite}.prize .lang-item{background:#9ad6ff}.box-shadow-small,.box-shadow-small-hover:hover{box-shadow:0 0 15px #0000002e;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.timer-container{background:#ff4757;color:#fff;padding:2px 12px;border-radius:20px;font-weight:700;font-size:14px;margin-bottom:20px;text-align:center}.card-disabled{pointer-events:none;opacity:.6;filter:grayscale(1)}.quiz-wrapper{position:relative}.quiz-wrapper{.card-disabled:after{content:"\f023";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:25px;right:30px;font-size:.8rem;color:#fff;z-index:10;background:transparent;padding:2px 12px;border-radius:50%}}#actionBtn{margin-top:20px;padding:15px;font-weight:700}.progression-circle{width:60px;height:60px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#fff;border:4px solid #f0f0f0;position:relative}.progression-circle.complete{border-color:#4caf50;background-color:#e8f5e9}.progression-circle.in-progress{border-color:#fff;background:radial-gradient(closest-side,white 79%,transparent 80% 100%),conic-gradient(#FF9800 var(--percent),#f0f0f0 0)}.progression-circle.locked{background:#eee;border-color:#ccc;color:#999}.accordion-item{border:0;border-bottom:1px solid #000;background-color:transparent!important}.accordion-item:last-child{border:0!important}.accordion-button{background-color:#ffffff17!important;padding:15px 20px!important;line-height:normal}.accordion-body{background-color:#ffffff1d;padding:20px;text-align:left}.views-element-container ul{list-style:none;padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}.views-element-container ul li{display:inline-flex;align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;transition:all .3s ease;font-family:sans-serif;font-size:14px;color:#666;padding-right:10px}.views-element-container ul li a{text-decoration:none;color:#007bff;padding:8px 12px;font-weight:700;display:inline-block}.views-element-container ul li:hover,.views-element-container ul li:has(a.is-active){background-color:#007bff;border-color:#0056b3;color:#fff}.views-element-container ul li:hover a,.views-element-container ul li a.is-active{color:#fff!important}.views-element-container ul li{cursor:pointer}#displayImg,#videoPlayer{border-radius:6px;overflow:hidden;width:100%;height:auto;margin-bottom:30px}.illustration-container{padding:0;display:flex;justify-content:center;align-items:center}.myanmar-text{line-height:0;margin-bottom:30px!important}#masterPlayBtn:active{transform:scale(.95);transition:transform .1s}.speaking-container{max-width:450px;margin:40px auto;padding:30px;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;text-align:center}.thai-word{font-size:38px;font-weight:700;color:#333;margin:20px 0}.my-word{font-size:18px;color:#666;margin-bottom:30px}#mic-btn.active,.webview-mic-btn.active{animation:pulse-red 1.5s infinite;background:#ff7b1e!important;transform:scale(1.05) translateZ(0)!important;-webkit-transform:scale(1.05) translateZ(0)!important}@keyframes pulse-red{0%{box-shadow:0 0 #ff4b2bb3;transform:scale(1.05) translateZ(0);-webkit-transform:scale(1.05) translateZ(0)}70%{box-shadow:0 0 0 15px #ff4b2b00;transform:scale(1.05) translateZ(0);-webkit-transform:scale(1.05) translateZ(0)}to{box-shadow:0 0 #ff4b2b00;transform:scale(1.05) translateZ(0);-webkit-transform:scale(1.05) translateZ(0)}}@-webkit-keyframes pulse-red{0%{box-shadow:0 0 #ff4b2bb3;-webkit-transform:scale(1.05) translateZ(0)}70%{box-shadow:0 0 0 15px #ff4b2b00;-webkit-transform:scale(1.05) translateZ(0)}to{box-shadow:0 0 #ff4b2b00;-webkit-transform:scale(1.05) translateZ(0)}}.quiz-wrapper,#q-wrapper,#voice-card{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.webview-mic-btn:active,.webview-mic-btn:focus,.webview-mic-btn:hover{outline:none!important;-webkit-tap-highlight-color:transparent!important}.thai-display,.my-display,h3,p,.text-muted{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}#mic-btn{-webkit-appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.radius-bottom{border-radius:0 0 40px 40px}.price-box{border-radius:40px;overflow:hidden;display:flex;flex-direction:column;background-color:#fff}.price-header{padding:1rem 1rem 1rem 2rem;color:#fff;position:relative;-webkit-mask-image:radial-gradient(circle at 10px 100%,transparent 10px,white 10.5px);-webkit-mask-size:20px 100%;-webkit-mask-position:bottom;-webkit-mask-repeat:repeat-x;mask-image:radial-gradient(circle at 10px 100%,transparent 10px,white 10.5px);mask-size:20px 100%;mask-position:bottom;mask-repeat:repeat-x}.price-footer{padding:1.5rem 2rem;z-index:1}.price-footer h2{font-size:3rem;line-height:39px!important}.prize-img{width:140px}.profile--page .settings-lang-group{background:#0000001a;border:1px solid rgba(0,0,0,.2)}.profile--page .lang-switch-btn{color:#000}.settings-lang-group{display:inline-flex;background:#ffffff1a;border-radius:50px;border:1px solid rgba(255,255,255,.2)}.lang-switch-btn{border:none;background:transparent;color:#fff;padding:4px 16px;border-radius:40px;line-height:24px;font-weight:600;cursor:pointer;transition:.3s}.lang-switch-btn.active{background:#e27100;color:#fff}.podium-container{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-top:20px}.podium-item{text-align:center;position:relative;color:#fed503}.avatar-circle{border-radius:50%;border:4px solid #1a3e6a;overflow:hidden;background:#fff;margin:0 auto 10px;position:relative}.rank-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#2a8a9c;color:#fff;border-radius:50%;width:25px;height:25px;font-size:14px;display:flex;align-items:center;justify-content:center;border:2px solid white}.first-place .avatar-circle{width:100px;height:100px;border-color:#000}.second-place .avatar-circle,.third-place .avatar-circle{width:80px;height:80px}.list-container{background:#fff;border-radius:40px;padding:20px 10px;margin-top:30px;min-height:50vh}.user-row{display:flex;align-items:center;padding:15px;border-bottom:1px solid #00000057}.user-row img{width:45px;height:45px;border-radius:50%;margin-right:15px}.user-info{flex-grow:1}.user-points{color:#888;font-size:1rem}.rank-change{font-weight:700}.up{color:#28a745}.down{color:#dc3545}#loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:#00000073}.loading-box{background:#fff;border:.5px solid #d0d8e8;border-radius:8px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 20px #00000040}.loading-spinner{width:32px;height:32px;border:3px solid #E8EFF9;border-top-color:#2c5f9e;border-radius:50%;animation:spin .7s linear infinite}.loading-text{font-size:13px;color:#555}@keyframes spin{to{transform:rotate(360deg)}}.ribbon{--ribbon-color: #673AB7;--ribbon-dark-color: #5625ac;position:relative;background:var(--ribbon-color);color:#fff;text-align:center;padding:1em 2em;margin:2em auto;font-family:sans-serif;font-weight:700}.ribbon:before,.ribbon:after{content:"";position:absolute;display:block;bottom:-.5em;border:1.8em solid var(--ribbon-dark-color);z-index:-1}.ribbon:before{left:-2.5em;border-right-width:1.5em;border-left-color:transparent}.ribbon:after{right:-2.5em;border-left-width:1.5em;border-right-color:transparent}.ribbon:before{content:""}