@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,700;1,800&family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif;font-size:16px}a{text-decoration:none}body{-webkit-touch-callout:none!important;background-color:#f4f7fa;-moz-user-select:none!important;-webkit-user-select:none!important;user-select:none!important}.disabled{box-shadow:none!important;cursor:not-allowed!important;filter:alpha(opacity=75)!important;opacity:.75!important;pointer-events:none!important}.swal2-actions{margin:1.25em auto 20px}.swal2-footer{margin:0 0 1em}#root,body,html{overflow:auto}body{background-color:#f0f8ff;font-family:Arial,sans-serif;margin:0}.container{background-image:url(/static/media/bg-pc.e4ebb8d9af7c1bf9bb01.webp);padding:20px;text-align:center}.header{align-items:center;justify-content:center;padding:20px 0}.logo{display:flex;max-width:300px}.logo img{height:auto;width:100%}.logo-text{margin-top:10px;text-align:center}.logo-text h1{color:#1a1a7e;font-size:2.5rem;margin:0}.logo-text p{color:#1a1a7e;font-size:1.2rem;margin:0}.main-content{margin-top:30px}.input-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;justify-content:center;padding:20px}.input-container input{border:1px solid #ccc;border-radius:5px 0 0 5px;font-size:1rem;outline:none;padding:10px;width:60%}.input-container button{background-color:#007bff;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.input-container button:hover{background-color:#0056b3}.card-section{display:flex;justify-content:center;margin-top:30px}.card{background-color:#fff;box-shadow:0 0 10px #0000001a;margin:0 10px;padding:15px;text-align:center}.card,.card img{border-radius:10px}.card img{width:100%}.card p{color:#333;font-size:1rem;margin-top:10px}@keyframes moveUpDown{0%,to{transform:translate(0)}25%{transform:translate(20px,-20px)}50%{transform:translate(-10,10px)}75%{transform:translate(20px,20px)}to{transform:translate(0)}}.input-cont-mb66{background-image:url(/static/media/bg-content.6d6dd6deb9c8c697b982.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:flex;height:500px;justify-content:center;margin-top:14vh;position:relative;width:600px;z-index:5}.input-cont-mb66,.region-handle{align-items:center;flex-direction:column}.region-handle{bottom:10px;position:absolute;width:100%}.mode-select{align-items:center;background:#c1f9ff;border-radius:40px;box-shadow:0 6px 8px #0054a280;display:flex;gap:10px;justify-content:center;position:relative;width:95%}.partition-line{background:#b0d6ff;content:"";height:24px;margin:0 10px;width:2px}.mode-btn{cursor:pointer;height:auto;object-fit:contain;padding:2px 0 8px;transition:transform .2s ease,filter .2s ease;width:38%}.mode-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.input-row{justify-content:center;padding:20px 0;text-align:center}.input-row input{border:1px solid #ccc;border-radius:25px;font-size:20px;font-weight:600;margin:5px;outline:none;padding:10px 20px;text-align:center}.submit-row{display:flex;justify-content:center}.submit-btn{cursor:pointer;max-width:40vw;padding-bottom:50px;transition:transform .2s ease;width:270px}.submit-btn:hover{transform:scale(1.05)}.input-item-cont-mb66{background-image:url(/static/media/input.f4e51e484fe0537ae069.webp);background-size:100% 100%;height:80px;margin:20px 0 10px;padding-left:60px;position:absolute;width:60%}.input-item-cont-mb66:hover{transform:scale(1.01)}.input-item-cont-mb66 input{background-color:initial;border:none;font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;height:100%;letter-spacing:1px;padding:6px;width:100%}.input-item-cont-mb66 input:focus{outline:none}#submit-btn-mb66{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:600;justify-content:center;margin-bottom:30px;position:absolute;width:35%}.submit-btn-mb66{height:auto;width:100%}.submit-btn-mb66:hover{transform:scale(1.1)}.btn-home{cursor:pointer;height:36px;left:5vw;max-width:80px;position:absolute;top:15px;z-index:999}.img-left{left:0}.img-left,.img-right{cursor:pointer;height:300px;max-width:150px;position:absolute;top:8vh;z-index:0}.img-right{right:0}.image-basic{height:auto;width:100%}@media only screen and (max-width:750px){.input-item-cont-mb66{height:18%;margin-top:10%;padding-left:8%;position:absolute;width:60%}.input-item-cont-mb66 input{font-size:80%}.input-cont-mb66{background-image:url(/static/media/bg-content-mb.6d6dd6deb9c8c697b982.webp);height:fit-content;max-width:600px;min-height:70vw;width:100%}#submit-btn-mb66{margin-bottom:5px;margin-top:10px;width:35%}.btn-home{left:1vw;max-width:50px}.img-left,.img-right{height:36px;max-width:60px}.submit-btn{padding-bottom:35px}.mode-select{align-items:center;background:#c1f9ff;border-radius:40px;box-shadow:0 6px 8px #0054a280;display:flex;gap:10px;justify-content:center;position:relative;width:95%}.input-row{padding:0 5px}.input-row input{border-radius:25px;font-weight:600;padding:8px 20px;text-align:center}}@media only screen and (max-width:470px){.mode-select,.region-handle{gap:5px}.partition-line{margin:0 5px}.input-row input{font-size:14px;padding:4px 3px}.submit-btn{padding-bottom:20px}}.reward-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.reward-modal{animation:fadeInScale .3s ease forwards;background:#ffefef;border-radius:20px;box-shadow:0 8px 25px #00000040;color:#222;max-width:680px;min-width:420px;padding:20px;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reward-modal-title{font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.reward-modal-title.success{color:#28a745}.reward-modal-title.error{color:#dc3545}.reward-modal-info{font-size:16px;margin-bottom:15px}.reward-modal-info p{margin:5px 0}.reward-modal-info .highlight,.reward-modal-info .point-value{color:#00c3ff;font-weight:700}.reward-modal-message{color:#ff1100c2;font-size:16px;margin:0 0 15px;text-align:left}.reward-modal-btn{background-color:#ff1100c2;border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:0 auto;padding:10px 25px;transition:all .2s ease}.reward-modal-btn:hover{background-color:red}.reward-modal-footer{margin-top:15px;text-align:center}.reward-modal-footer a{color:#ff1100c2;font-weight:500;text-decoration:none}.reward-modal-footer a:hover{text-decoration:underline}@media (max-width:500px){.reward-modal{min-width:320px;padding:20px}.reward-modal-title{font-size:20px}.reward-modal-info,.reward-modal-message{font-size:14px}.reward-modal-btn{font-size:14px;padding:8px 20px}}#body-ttkm{background-color:#fff}.overlay-main{background-color:#000c;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:-400}.gift{bottom:15%;bottom:6%;box-sizing:border-box;cursor:pointer;position:fixed;right:15px;right:4%;z-index:11}.thumb-gift{display:flex;margin:15px 0;max-width:80px;position:relative}.thumb-gift:hover .tooltip-gift{opacity:1;visibility:visible}.tooltip-gift{background-color:#4c9bb6;background-color:#0053df;border-radius:4px;bottom:100%;color:#fff;font-size:14px;left:0;opacity:0;padding:8px 12px;position:absolute;transition:opacity .7s ease,visibility .8s ease;visibility:hidden;width:max-content}.icon-gift{display:block;height:auto;width:100%}.right-gif-button-show{align-items:center;background-color:#32afe3;border:initial;border-radius:.75rem 0 0 .75rem;box-shadow:0 4px 6px #0003;color:#fff;display:flex;height:2rem;justify-content:center;position:fixed;right:.5rem;top:50%;transform:translateY(-50%);width:2rem;z-index:50}.right-gif-button-icon{height:1.25rem;transform:rotate(90deg);width:1.25rem}.right-gif-close-button{align-items:center;background-color:#32afe3;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:1.75rem;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;width:1.75rem}.right-gif-container{cursor:pointer;position:fixed;right:1rem;top:50%;transform:translateY(-50%);z-index:50}.right-gif-banner-wrapper{display:flex}.right-gif-banner-link{display:flex;max-width:150px}.right-gif-banner-img{cursor:pointer;height:auto;margin-bottom:.5rem;width:100%}.MuiTabs-flexContainer,.css-heg063-MuiTabs-flexContainer{gap:16px;justify-content:center}@media only screen and (max-width:767px){.right-gif-container{right:.5rem}.thumb-gift{max-width:95px}.right-gif-banner-link{max-width:80px}.MuiTabs-flexContainer,.css-heg063-MuiTabs-flexContainer{gap:8px;width:100%}}#home-page{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100%}#home-page.bg-mocbai{background-image:url(/static/media/bg-pc.89142965253970209b29.png);background-size:100% 100%}#home-page.bg-mb66{background-image:url(/static/media/bg-pc.e4ebb8d9af7c1bf9bb01.webp);background-size:100% 100%}.sunrise{animation:rotate 60s linear infinite;height:150%;left:50%;opacity:.4;position:absolute;top:0;z-index:1}@keyframes rotate{0%{transform:translateX(-50%) translateY(-25%) rotate(0deg)}to{transform:translateX(-50%) translateY(-25%) rotate(359deg)}}.warpper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;position:relative;text-align:center;width:100%;z-index:5}.logo{margin:30px;width:520px}.text-img{margin-bottom:-20px;margin-top:20px;width:500px}.lixi{display:none}.character-pic{bottom:0;position:absolute;width:100%;z-index:3}.input-item-cont{fill:linear-gradient(180deg,#fff -42.02%,#e7e7e9 37.98%,#e1e1e3 57.98%);background-color:#fff;border:1px solid red;border-radius:50px;box-shadow:inset 0 4px 4px 0 #00000040;height:50px;margin:auto;padding-left:20px;width:45%}.input-item-cont:hover{background:#f1f1f1;border:2px solid red}.input-item-cont input{background-color:initial;border:none;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;height:100%;letter-spacing:1px;padding:6px;width:100%}.input-item-cont input:focus{outline:none}#submit-btn{fill:linear-gradient(180deg,#fff -42.02%,#e7e7e9 37.98%,#e1e1e3 57.98%);align-items:center;background-image:url(/static/media/bg-button.f2d67a63bb22df8d46db.png);background-size:100% 100%;border-radius:20px;box-shadow:inset 0 4px 4px 0 #00000040;color:red;cursor:pointer;display:flex;font-size:1.1em;font-weight:600;justify-content:center;margin:auto;padding:10px 25px}#submit-btn:hover{filter:brightness(.9);transform:scale(1.1)}#submit-btn-live{fill:linear-gradient(180deg,#fff -42.02%,#e7e7e9 37.98%,#e1e1e3 57.98%);align-items:center;background-image:url(/static/media/bg-button.f2d67a63bb22df8d46db.png);background-size:100% 100%;border-radius:20px;box-shadow:inset 0 4px 4px 0 #00000040;color:red;cursor:pointer;display:flex;font-size:1.1em;font-weight:600;justify-content:center;margin:auto;padding:10px 25px}#submit-btn-live:hover{filter:brightness(.9);transform:scale(1.1)}#promo-detail-btn{animation:change-background 3s ease infinite;color:#4d95b1;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;margin-top:24px}@keyframes change-background{0%{color:#ebd93d}50%{color:#eb572a}to{color:#fff}}#promo-detail-btn:hover{color:#7a2421;cursor:pointer}.promotion-modal{font-family:Times New Roman,Times,serif}.header-popup{text-align:start!important;width:100%}.promo-popup{line-height:30px}.modal-text-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.modal-text-cont{display:flex}table td,table tr{border:1px solid #fff!important;color:#fff!important}.input-form input,.input-form-captcha input{background-color:#cecece;border:none;border-radius:10px;height:100%;letter-spacing:1px;padding:0 20px;width:100%}.input-form-captcha-wrapper{display:flex;justify-content:center;width:100%}.input-form-captcha{height:36px;margin-bottom:24px;width:50%}#captcha-input,.input-form input:focus{outline:none}#captcha{align-items:center;background:linear-gradient(90deg,#4b6cb7,#182848);border-radius:5px;color:#fff;display:flex;font-family:Mulish,sans-serif;font-size:1.2em;font-style:italic;height:36px;justify-content:center;letter-spacing:3px;margin-right:16px;text-decoration:line-through;width:80px}.box-label{padding:20px}.box-img{background-image:url(/static/media/de-0.f63b47b5ae5945bad399.png);background-repeat:no-repeat;background-size:100% 100%;margin:auto;max-width:650px;padding:40px 40px 80px;width:80%}.box-icon-qua{background:#dbdbdb;border-radius:50%;margin:auto;padding:20px;position:relative;top:-109px;width:fit-content}.box-content{position:relative;top:-110px}.box-title img{width:100%}.div-support{color:#000;font-size:18px;font-weight:500;margin-bottom:20px;width:75%}.support-content{font-size:15px;font-weight:500;padding-bottom:5px}.support-content span{font-style:italic;font-weight:400}.example{font-weight:600}.input-cont.input-cont-mocbai,.input-cont.input-cont-mocbai-live{display:flex;justify-content:space-between;margin:auto;padding:10px 0}.input-cont .input-label{color:red;font-size:20px;margin:auto 0;text-align:left;width:25%}.bottom-left{bottom:0;left:0;position:absolute;width:45%;z-index:4}.bottom-left img{width:100%}.bottom-right{bottom:0;position:absolute;right:0;width:35%;z-index:4}.bottom-right img{width:100%}@media only screen and (max-width:750px){.bottom-left,.bottom-right{display:none}.box-logo .logo{margin:auto auto 40px;width:80%}.box-icon-qua{padding:15px;top:-50px;width:70px}.box-icon-qua img{width:100%}.box-content{margin:auto;padding-bottom:40px;top:-40px;width:90%}#home-page.bg-mocbai{background-image:url(/static/media/bg-mb-2.f7d7773110c5c0d0c797.png)}.warpper{display:block;height:fit-content;position:static;width:100%}.logo-mb{width:280px}.img-title{width:100%}.box-img{background-image:url(/static/media/de-0.f63b47b5ae5945bad399.png);margin:auto;padding:10px 0 0;position:static;top:20%;width:95%}.input-item-cont{background:#fff;border:1px solid red;border-radius:50px;box-shadow:0 2px 1px 0 #f47414;height:30px;padding-left:10px;position:static}#submit-btn,#submit-btn-live{font-size:15px;padding:8px 5px;width:fit-content}.input-cont .input-label{font-size:13px}.box-bottom{bottom:0;height:45%;position:absolute;width:100%}.bottom-img{height:100%;width:100%}.swal2-input-label{padding:0 20px}.swal2-actions{margin:.25em auto}.text-img{margin-top:-5px;width:300px}#promo-detail-btn{font-size:14px;margin-top:20px}.div-support,.support-content{font-size:13px}.input-item-cont input{background-color:initial;font-size:12px;letter-spacing:-1px}.modal{width:85%}.bottom-mb{bottom:0;height:50%;position:absolute;width:100%}.bottom-mb img{height:100%;width:100%}@media only screen and (max-height:568px){.bottom-mb{bottom:0;height:40%;position:absolute;width:100%}.bottom-mb img{height:100%;width:100%}}}.bubbles{height:100%;left:0;overflow:hidden;top:0;width:100%;z-index:0}.bubble,.bubbles{position:absolute}.bubble{animation:rise 10s ease-in infinite;bottom:-100px;height:40px;width:40px}.bubbles.false{display:none}.bubbles.true{display:block}.bubble:first-child{animation-duration:8s;height:40px;left:10%;width:40px}.bubble:nth-child(2){animation-delay:1s;animation-duration:5s;height:20px;left:20%;width:20px}.bubble:nth-child(3){animation-delay:2s;animation-duration:7s;height:50px;left:35%;width:50px}.bubble:nth-child(4){animation-delay:0s;animation-duration:11s;height:80px;left:50%;width:80px}.bubble:nth-child(5){animation-delay:1s;animation-duration:6s;height:35px;left:55%;width:35px}.bubble:nth-child(6){animation-delay:3s;animation-duration:8s;height:45px;left:65%;width:45px}.bubble:nth-child(7){animation-delay:2s;animation-duration:12s;height:90px;left:70%;width:90px}.bubble:nth-child(8){animation-delay:2s;animation-duration:6s;height:25px;left:80%;width:25px}.bubble:nth-child(9){animation-delay:1s;animation-duration:5s;height:15px;left:70%;width:15px}.bubble:nth-child(10){animation-delay:4s;animation-duration:10s;height:90px;left:25%;width:90px}@keyframes rise{0%{bottom:-100px;transform:translateX(0)}50%{transform:translate(100px)}to{bottom:1080px;transform:translateX(-200px)}}@keyframes confetti-slow{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg)}}@keyframes confetti-medium{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn)}}@keyframes confetti-fast{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg)}}.congrat-container{background:#fffc;border:1px solid #fff;display:fixed;height:100vh;left:0;top:0;width:100vw}.confetti-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;line-height:48px;overflow:hidden;perspective:700px;position:absolute;right:0;top:0}.confetti{border-radius:0;position:absolute;top:-10px;z-index:1}.confetti--animation-slow{animation:confetti-slow 2.25s linear 1 forwards}.confetti--animation-medium{animation:confetti-medium 1.75s linear 1 forwards}.confetti--animation-fast{animation:confetti-fast 1.25s linear 1 forwards}.checkmark-circle{display:inline-block;height:150px;margin-left:auto;margin-right:auto;position:relative;vertical-align:top;width:150px}.checkmark-circle .background{background:#00c09d;border-radius:50%;height:150px;position:absolute;width:150px}.checkmark-circle .checkmark{border-radius:5px}.checkmark-circle .checkmark.draw:after{animation-delay:.1s;animation-duration:3s;animation-fill-mode:forwards;animation-name:checkmark;animation-timing-function:ease;transform:scaleX(-1) rotate(135deg)}.checkmark-circle .checkmark:after{border-radius:2.5px!important;border-right:15px solid #fff;border-top:15px solid #fff;content:"";height:75px;left:25px;opacity:1;position:absolute;top:75px;transform-origin:left top;width:37.5px}@keyframes checkmark{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:37.5px}40%{height:75px;opacity:1;width:37.5px}to{height:75px;opacity:1;width:37.5px}}.congrat-submit-btn{background-color:#00c09d;border:1px solid #00ab8c;border-radius:5px;box-shadow:0 2px 4px 0 #57475133;color:#fff;cursor:pointer;font-size:15px;height:45px;margin-top:24px;transition:all 2s ease-out;transition:all .2s ease-out;width:200px}.congrat-submit-btn:hover{background-color:#2ca893;transition:all .2s ease-out}.congrat-wrapper{display:block;height:100%;left:0;margin-top:-1500px;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:500}.congrat-margin{margin-top:0!important}.congrat-main h1{color:#ec165d;font-size:2em;font-weight:700}.congrat-id{font-size:1.5em!important;font-weight:600}.congrat-main p{display:flex;font-size:1.1em}.congrat-score{font-size:1.2em!important;font-weight:600;padding:0 8px}