@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 !important;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{height:100%!important}#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(../images/bg-pc.89142965253970209b29.png);background-size:100% 100%}.sunrise{-webkit-animation:rotate 60s linear infinite;animation:rotate 60s linear infinite;height:150%;left:50%;opacity:.4;position:absolute;top:0;z-index:1}@-webkit-keyframes rotate{0%{-webkit-transform:translateX(-50%) translateY(-25%) rotate(0deg);transform:translateX(-50%) translateY(-25%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-25%) rotate(359deg);transform:translateX(-50%) translateY(-25%) rotate(359deg)}}@keyframes rotate{0%{-webkit-transform:translateX(-50%) translateY(-25%) rotate(0deg);transform:translateX(-50%) translateY(-25%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-25%) rotate(359deg);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 rgba(0,0,0,.25);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 !important;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(../images/bg-button.f2d67a63bb22df8d46db.png);background-size:100% 100%;border-radius:20px;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);color:red;cursor:pointer;display:flex;font-size:1.1em;font-weight:600;justify-content:center;margin:auto;padding:10px 25px}#submit-btn:hover{-webkit-filter:brightness(.9);filter:brightness(.9);-webkit-transform:scale(1.1);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(../images/bg-button.f2d67a63bb22df8d46db.png);background-size:100% 100%;border-radius:20px;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);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{-webkit-filter:brightness(.9);filter:brightness(.9);-webkit-transform:scale(1.1);transform:scale(1.1)}#promo-detail-btn{-webkit-animation:change-background 3s ease infinite;animation:change-background 3s ease infinite;color:#4d95b1;font-family:Montserrat,sans-serif !important;font-size:16px;font-weight:600;margin-top:24px}@-webkit-keyframes change-background{0%{color:#ebd93d}50%{color:#eb572a}to{color:#fff}}@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;min-height:184px}.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(../images/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:-webkit-fit-content;width:-moz-fit-content;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%}.swal2-html-container{min-height:auto;overflow:hidden!important}.captcha-gg{margin-top:16px}@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(../images/bg-mb-2.f7d7773110c5c0d0c797.png)}.warpper{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:static;width:100%}.logo-mb{width:280px}.img-title{width:100%}.box-img{background-image:url(../images/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:-webkit-fit-content;width:-moz-fit-content;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{-webkit-animation:rise 10s ease-in infinite;animation:rise 10s ease-in infinite;bottom:-100px;height:40px;width:40px}.bubbles.false{display:none}.bubbles.true{display:block}.bubble:first-child{-webkit-animation-duration:8s;animation-duration:8s;height:40px;left:10%;width:40px}.bubble:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:5s;animation-duration:5s;height:20px;left:20%;width:20px}.bubble:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:7s;animation-duration:7s;height:50px;left:35%;width:50px}.bubble:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:80px;left:50%;width:80px}.bubble:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:6s;animation-duration:6s;height:35px;left:55%;width:35px}.bubble:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:8s;animation-duration:8s;height:45px;left:65%;width:45px}.bubble:nth-child(7){-webkit-animation-duration:12s;animation-duration:12s;height:90px;left:70%;width:90px}.bubble:nth-child(7),.bubble:nth-child(8){-webkit-animation-delay:2s;animation-delay:2s}.bubble:nth-child(8){-webkit-animation-duration:6s;animation-duration:6s;height:25px;left:80%;width:25px}.bubble:nth-child(9){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:5s;animation-duration:5s;height:15px;left:70%;width:15px}.bubble:nth-child(10){-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:10s;animation-duration:10s;height:90px;left:25%;width:90px}@-webkit-keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translate(100px);transform:translate(100px)}to{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translate(100px);transform:translate(100px)}to{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@-webkit-keyframes confetti-slow{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg);transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg)}}@keyframes confetti-slow{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg);transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg)}}@-webkit-keyframes confetti-medium{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn);transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn)}}@keyframes confetti-medium{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn);transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn)}}@-webkit-keyframes confetti-fast{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg);transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg)}}@keyframes confetti-fast{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg);transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg)}}.congrat-container{background:hsla(0,0%,100%,.8);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;-webkit-perspective:700px;perspective:700px;position:absolute;right:0;top:0}.confetti{border-radius:0;position:absolute;top:-10px;z-index:1}.confetti--animation-slow{-webkit-animation:confetti-slow 2.25s linear 1 forwards;animation:confetti-slow 2.25s linear 1 forwards}.confetti--animation-medium{-webkit-animation:confetti-medium 1.75s linear 1 forwards;animation:confetti-medium 1.75s linear 1 forwards}.confetti--animation-fast{-webkit-animation:confetti-fast 1.25s linear 1 forwards;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{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:checkmark;animation-name:checkmark;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-transform:scaleX(-1) rotate(135deg);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;-webkit-transform-origin:left top;transform-origin:left top;width:37.5px}@-webkit-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}}@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 rgba(87,71,81,.2);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}.app{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15)),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #989898;background-blend-mode:multiply,multiply;height:100vh}.app,.container{display:flex;justify-content:center;width:100%}.container{max-width:1150px}.container>div{width:50%}.content{color:#fff}.title{font-size:1.5em;font-weight:800;margin-top:30px}.sub-title{font-size:3.7em;font-weight:800;margin-top:90px}.sub-content{font-size:1.2em;margin-top:30px}.image{align-items:center;display:flex;justify-content:center}.img-baotri{height:auto;width:600px}.logo-image{display:flex;max-width:360px;width:80%}.img-logo-image{height:auto;max-width:100%}@media only screen and (max-device-width:1150px){.container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:95%;text-align:center}.title{margin-top:0}.sub-title,.title{font-size:1.5em;font-weight:800}.sub-title{margin-top:10px}.sub-content{font-size:1em;margin-bottom:30px;margin-top:30px}.image{align-items:center;display:flex;justify-content:center;overflow:hidden;width:95%}.img-baotri{height:auto;max-width:370px}.container>div{width:100%}.logo-image{margin:auto}}
.custom-toast {
    position: fixed;
    top: 20px;
    z-index: 9999;
    padding: 10px 20px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    color: #666;
    transition: all 0.3s ease;
    width: max-content;
    max-width: 90%;
}

/* Mobile: center top */
@media (max-width: 768px) {
    .custom-toast {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
}

/* PC: top-right */
@media (min-width: 769px) {
    .custom-toast {
        right: 20px;
        left: auto;
        transform: none;
    }
}

.custom-swal-popup {
    background-color: rgba(255, 255, 255, 0.7) !important; /* Nền trắng 50% trong suốt */
}