:root{--font-family-0:"Exo";--font-family-1:"Plus Jakarta Sans";--font-family-2:"Space Mono";--font-family-3:"Aleo";--font-family-4:"Alegreya";--color-0:#333;--nextui-primary:323 85% 28%!important;--color-1:#da4453;--nextui-secondary:325 76% 16%!important;--color-2:#8c408e;--color-3:#f5f6f8;--color-4:#fafafa}*{padding:0;margin:0;font-family:Inter}#builder-layout{position:fixed!important;top:0;left:0;right:0;bottom:0;z-index:999;overflow-x:hidden;overflow-y:auto;background:#fff}#builder-layout.loading{overflow:hidden}#builder-layout.loading:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}#builder-layout.loading:before{content:"";position:fixed;top:50%;left:50%;z-index:1001;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:5px;background-color:transparent;color:transparent;box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72793px 12.72793px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72793px -12.72793px 0 0 rgba(152,128,255,0);animation:dot-spin 1.5s linear infinite}#builder-layout.loading:after{content:"Đang tạo website, vui lòng chờ...";display:flex;justify-content:center;align-items:center;padding-top:80px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(2px)}#builder-layout.loading:after,.loading-text{color:#9880ff;font-size:16px;font-weight:500;text-align:center}.loading-text{position:fixed;top:calc(50% + 40px);left:50%;transform:translateX(-50%);z-index:1002}.ssl-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px)}.ssl-popup{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3);text-align:center;animation:popup-appear .3s ease-out}@keyframes popup-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ssl-popup-content h3{color:#9880ff;margin-bottom:15px;font-size:24px}.ssl-popup-content p{margin:10px 0;color:#666;line-height:1.5}.ssl-domain{font-weight:700;color:#9880ff!important;font-size:18px;margin:15px 0!important}.ssl-note{font-style:italic;margin-top:20px!important;padding:10px;border-radius:6px;background:#f8f9fa}.ssl-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#9880ff;border-radius:50%;animation:ssl-spin 1s linear infinite;margin:0 auto 20px}@keyframes ssl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ssl-close-btn{background:#9880ff;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;cursor:pointer;margin-top:20px;transition:background .3s ease}.ssl-close-btn:hover{background:#7c6bd6}.success-message{margin-top:30px;padding:20px;background:#f0fff4;border-radius:8px;border-left:4px solid #4caf50}.success-message p{margin:5px 0;color:#2e7d32}.next-btn.error,.next-btn.error:hover,.next-btn.success,.next-btn.success:hover{background:var(--color-1)}.success-checkmark{margin:0 auto;width:80px;height:80px}.check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.icon-line{height:4px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}p{font-weight:300}.builder-container{width:calc(100% - 80px);margin:auto 40px;display:flex;align-items:center;justify-content:space-between}.builder-plan-footer{position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;box-shadow:0 0 5px #ccc}.builder-plan-footer .builder-plan-main{padding:20px 40px;text-align:center}.builder-btn-login,.prev-btn{float:right;text-decoration:none;border:1px solid #aaa;color:#333;padding:10px 15px;border-radius:5px;background:transparent;transition:all .3s}.prev-btn{width:100%}.builder-btn-login+.builder-btn-login{margin-right:15px}.builder-btn-login:hover,.prev-btn:hover{background:#da4453;border-color:#da4453;color:#fff}.signup-header{margin:15px 0}.builder-login-main,.builder-register-main{width:50vw;margin:0 auto;padding:80px}.builder-plan-main{padding:80px 40px}.send-email-success{position:relative;padding-top:200px!important}.form-group{position:relative;margin-bottom:15px}.form-control{width:100%}.builder-form-name{display:flex;justify-content:space-between}.builder-form-name label{display:contents}.form-group label img{position:absolute;top:0;width:16px}.builder-login-main h3>a,.signup-term a{color:#da4453;transition:all .3s}.builder-login-main h3>a:hover,.signup-term a:hover{color:#8c408e}.builder-login-main form label img,.builder-plan-main .domain label img,.builder-register-main form label img{margin-left:10px;margin-top:16px}.builder-login-main h1,.builder-plan-main h1,.builder-register-main h1{margin-bottom:20px}.btn-create-web,.btn-signin,.btn-signup,.next-btn{width:100%;padding:10px 15px;font-size:18px;color:#fff;background-color:#da4453;border:none;border-radius:5px;transition:all .3s}.btn-create-web{width:50%;height:50px}.btn-create-web:hover,.btn-signin:hover,.btn-signup:hover,.next-btn:hover{background:#8c408e}.builder-register-main input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.signup-term{margin-top:20px;margin-bottom:20px}.signup-term label{display:block;margin-bottom:10px}.forgot-password{margin-top:5px;display:block;color:#da4453;transition:all .3s}.forgot-password:hover{color:#8c408e}.plan{display:flex;flex-wrap:wrap;gap:0 25px}.plan .item,.themes .item{position:relative;width:calc((100% - 50px)/4);text-align:center;margin:15px 0;cursor:pointer;border-radius:20px;overflow:hidden}.themes .item{min-height:150px;max-height:300px;height:300px;position:relative;padding-bottom:30px;background-size:100%;background-position:top;background-repeat:no-repeat;transition:all 5s linear}.themes .item:hover{background-position:bottom}.themes .item .theme-title{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:1}.themes .item .btn-view-theme{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:150px;max-width:90%;padding:15px;font-size:17px;text-decoration:none;color:#fff;background-color:#8c408e;border:none;border-radius:5px;transition:all .3s;opacity:0}.themes .item .btn-view-theme:hover{background:#da4453}.themes .item:hover .btn-view-theme{opacity:1}.plan-group-tabs .plan-group-tab{font-family:Inter;font-size:16px;color:var(--color-0);border-radius:5px 5px 0 0}.plan-group-tabs .plan-group-tab.plan-group-0{color:#64d45b}.plan-group-tabs .plan-group-tab.plan-group-1{color:#ff3d68}.plan-group-tabs .plan-group-tab.plan-group-2{color:#0085e8}.plan-group-tabs .plan-group-tab.Mui-selected{color:#fff;background-color:var(--color-0)}.plan-group-tabs .plan-group-tab.plan-group-0.Mui-selected{background-color:#64d45b}.plan-group-tabs .plan-group-tab.plan-group-1.Mui-selected{background-color:#ff3d68}.plan-group-tabs .plan-group-tab.plan-group-2.Mui-selected{background-color:#0085e8}.plan .item input,.themes .item input{display:none}.plan .item label,.themes .item label{width:100%;font-size:18px;font-weight:500}.plan .item label:before,.themes .item label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #aaa;border-radius:20px;cursor:pointer;transition:all .3s}#plan_group_content-0 .plan .item label:before{border-color:#64d45b}#plan_group_content-1 .plan .item label:before{border-color:#ff3d68}#plan_group_content-2 .plan .item label:before{border-color:#0085e8}#plan_group_content-3 .plan .item label:before{border-color:#333}.plan .item:hover label:before,.themes .item:hover label:before{border-color:#8c408e!important}.plan .item input:checked+label:before,.themes .item input:checked+label:before{border-color:#08a88a!important;border-width:5px}.plan .item label span{padding-top:10px;padding-bottom:10px;display:block;color:#fff}.plan .item{border-radius:8px;padding:8px;position:relative;transition:all .3s}.plan .item .btn-view-theme-plan{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:120px;max-width:60%;padding:12px;font-size:15px;text-decoration:none;color:#fff;background-color:#8c408e;border:none;border-radius:5px;transition:all .3s;opacity:0;pointer-events:none}.plan .item .btn-view-theme-plan:hover{background:#da4453}.plan .item:hover .btn-view-theme-plan{pointer-events:auto;opacity:1}.plan .item.not-selected{opacity:.4;transition:opacity .25s ease}.plan .item.not-selected:hover{opacity:.9!important}#plan_group_content-0 .plan .item label span{background-image:linear-gradient(90deg,#64d45b,#64d45b)}#plan_group_content-1 .plan .item label span{background-image:linear-gradient(90deg,#ff3d68,#ff3d68)}#plan_group_content-2 .plan .item label span{background-image:linear-gradient(90deg,#0085e8,#0085e8)}#plan_group_content-3 .plan .item label span{background-image:linear-gradient(90deg,#333,#333)}.plan .item img,.themes .item img{width:100%}.themes .item img{opacity:0}.themes .item a{position:relative}.themes label{cursor:pointer;transition:all .3s}.themes label:hover{color:#da4453}.link-nor{color:#212529;text-decoration:none;transition:all .3s}a.link-nor:hover{color:#da4453}.spacer{height:15px;clear:both}button{cursor:pointer}.success-checkmark{width:88px;height:88px;margin:auto;position:absolute;left:0;right:0;top:20%;bottom:unset}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:after,.success-checkmark .check-icon:before{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-circle:before{content:""}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.builder-success-button{position:absolute;left:0;right:0;margin:auto;width:-moz-max-content;width:max-content;top:calc(30% + 150px)}.builder-success-button a{background-color:#4262ff;color:#fff;text-decoration:none;padding:10px 15px;border-radius:5px;margin:0 5px}.builder-success-button a:hover{background-color:#0b34ff}.txt-success{position:absolute;left:0;right:0;margin:auto;width:-moz-max-content;width:max-content;top:calc(30% + 88px)}.text-success{color:#239169}.text-warning{color:#c7845e}.text-danger{color:#d65c4f}.text-info{color:#428bca}.hidden{display:none;visibility:hidden;opacity:0}.btn-box{display:flex;gap:10px}.next-btn{width:auto}#formVerifyEmail .form-control{width:80px;height:100px;font-size:48px;font-weight:700}@media only screen and (max-width:1919px){.builder-login-main,.builder-register-main{width:90vw}#builder-layout .progressbar-dots span{font-size:12px!important;max-width:80px}}@media only screen and (max-width:1199px){.builder-login-main,.builder-register-main{width:90vw}.btn-create-web{width:50%;height:50px}.plan .item{width:calc((100% - 50px)/3)}}@media only screen and (max-width:991px){.builder-login-main,.builder-register-main{padding:80px 30px}.btn-create-web{width:60%;height:50px}.plan .item{width:calc((100% - 25px)/2)}}@media only screen and (max-width:767px){#builder-layout .progress-wrap{margin-bottom:50px}#builder-layout .progressbar-dots span{display:none}.btn-create-web{width:70%;height:50px}.col-6{width:100%!important}#formVerifyEmail .form-control{width:60px;height:80px;font-size:28px}}@media only screen and (max-width:575px){.builder-container{width:auto;margin:auto 15px}.btn-create-web{width:70%;height:50px}.builder-container img{width:150px}.builder-login-main,.builder-plan-main,.builder-register-main{width:auto;padding:30px 15px;border-radius:15px}.builder-form-name{display:block}.builder-form-name input[type=text],.builder-plan,.builder-plan-main{width:100%}#formVerifyEmail .form-control{width:40px;height:60px;padding:8px 0;font-size:16px}}@media only screen and (max-width:475px){.builder-container img{width:100px;margin-bottom:15px}.btn-create-web{width:70%;height:50px}.builder-btn-login{text-align:center}.builder-plan-main #domain,.plan .item{width:100%}}.loading{position:relative!important}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:9000;background:#fff;opacity:.9}.loading.videoLoad:after{display:none}.loading:before{content:"";position:absolute;top:50%;left:50%;z-index:9999;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:5px;background-color:transparent;color:transparent;box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72793px 12.72793px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72793px -12.72793px 0 0 rgba(152,128,255,0);animation:dot-spin 1.5s linear infinite}body.loading:before{position:fixed}@keyframes dot-spin{0%,to{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72793px -12.72793px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72793px -12.72793px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72793px 12.72793px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72793px 12.72793px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72793px -12.72793px 0 0 #9880ff}}