.features-section{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 50px;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#f5f6f8),to(#fff));background-image:linear-gradient(90deg,#f5f6f8,#fff);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.features-section,.logo{display:-webkit-box;display:-ms-flexbox;display:flex}.logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}.logo img{width:40px;height:40px;margin-right:10px}.logo-text{font-size:24px;font-weight:700;color:#333}.subtitle{font-size:14px;color:#777;margin-top:5px}h2{font-size:24px;margin-bottom:30px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#555}input,label{font-size:14px}input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px}.password-field{position:relative}.password-field .eye-icon{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#888}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{font-size:13px;color:#555;text-decoration:none}.login-btn{width:100%;padding:12px;background-color:#7de0b8;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.login-btn:hover{background-color:#6bc9a3}.signup-link{margin-top:20px;text-align:center;font-size:14px}.signup-link a{color:#333;text-decoration:none;font-weight:700}.social-login{margin-top:40px}.social-icon,.social-login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-icon{width:40px;height:40px;margin:0 10px;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;color:#fff}.facebook{background-color:#1877f2}.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.telegram{background-color:#08c}.youtube{background-color:red}.feature{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feature:last-child{margin-bottom:0}.feature-icon{border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:15px;-ms-flex-negative:0;flex-shrink:0}.feature-icon img{width:70px;height:70px;-o-object-fit:contain;object-fit:contain}.feature-content h3{font-size:16px;margin-bottom:5px;color:#333;text-align:left;font-weight:700}.feature-content p{font-size:13px;color:#777;line-height:1.5;text-align:left;margin:0}.custom-bgc{background-image:-webkit-gradient(linear,left top,right top,from(#f5f6f8),to(#fff));background-image:linear-gradient(90deg,#f5f6f8,#fff);background-color:#fff}.logobox-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logobox-flex img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;-webkit-transform:skewX(-4deg);transform:skewX(-4deg)}.logobox-flex h3{font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:800;color:#222;letter-spacing:-.5px;text-transform:uppercase;position:relative;padding-bottom:8px}.logobox-kohao{text-align:center}.logobox-kohao h2{background:-webkit-gradient(linear,left top,right top,from(#71cd9d),to(#79b8c5));background:linear-gradient(90deg,#71cd9d,#79b8c5);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;display:inline-block;font-size:20px;margin-left:5px;margin-top:5px;margin-bottom:0}.titlebox-h2title h2{color:#000;font-weight:600;margin:0;font-size:25px}.titlebox-tabbox .tabt{color:#1675d4;font-weight:700;font-size:18px;display:inline;border-bottom:3px solid #1675d4;padding-bottom:1px}.titlebox-tabbox{margin-bottom:20px;margin-top:40px}.input-label{font-size:16px}.form-btnbg{background:-webkit-gradient(linear,left top,right top,from(#82edbc),to(#86e0d2))!important;background:linear-gradient(90deg,#82edbc,#86e0d2)!important;padding:12px 20px!important;width:100%!important;color:#000!important;font-weight:600}.media-box{gap:35px;margin-bottom:150px}.mb-item,.media-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mb-item{border-radius:50%}.container{max-width:100%;padding:0}.card-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100dvh - 50px)}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{background-color:#fafafa;padding-top:20px;padding-bottom:20px}.el-tabs__item.is-active,.el-tabs__item:hover{background:-webkit-gradient(linear,left top,right top,from(#71cd9d),to(#79b8c5));background:linear-gradient(90deg,#71cd9d,#79b8c5);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;display:inline-block}.el-tabs__active-bar{background:-webkit-gradient(linear,left top,right top,from(#71cd9d),to(#79b8c5));background:linear-gradient(90deg,#71cd9d,#79b8c5)}.feature-webp{width:100px;height:100px}#formboxc{padding:70px 100px!important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.form-btnbg:focus{outline:0!important}.logo-container,.logod{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logod{width:45px;height:45px;border-radius:15px}.logo-text{font-family:Montserrat,sans-serif;font-size:34px;font-weight:800;color:#222;letter-spacing:-.5px;position:relative}.slogan{font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;background:-webkit-gradient(linear,left top,right top,from(#71cd9d),to(#79b8c5));background:linear-gradient(90deg,#71cd9d,#79b8c5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(46,204,113,.3);position:relative;display:inline-block;margin-left:36px;margin-top:5px}.slogan:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:3px;background:-webkit-gradient(linear,left top,right top,from(#71cd9d),to(#79b8c5));background:linear-gradient(90deg,#71cd9d,#79b8c5);border-radius:3px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-wrps{margin-top:56px}.css-z7e1si{display:inline-block;position:relative;padding:8px 16px;border-radius:6px;border:0;cursor:pointer;outline:none;text-decoration:none;-webkit-box-shadow:#e8eaed 0 0 0 1px inset;box-shadow:inset 0 0 0 1px #e8eaed;width:100%;background:-webkit-gradient(linear,left top,right top,from(#71cd9d),to(#79b8c5));background:linear-gradient(90deg,#71cd9d,#79b8c5);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;margin-top:10px}.css-z7e1si:focus{outline:0}.css-1s6v75s{opacity:1;-webkit-transition:opacity .25s;transition:opacity .25s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;line-height:24px;font-weight:700;white-space:nowrap}.css-z7e1si:hover{background:rgba(227,240,243,.30196078431372547);-webkit-box-shadow:#d0f7e3 0 0 0 1px inset;box-shadow:inset 0 0 0 1px #d0f7e3;color:#84cdb5}@media (max-width:768px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;border-radius:0}.features-section,.login-section{padding:30px 20px}.features-section{display:none}#formboxc{padding:0!important}.calc-height{height:100%!important;margin-bottom:30px}}.drop-box[data-v-2e5499b2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:10;right:10px;top:10px}.sition-tip[data-v-2e5499b2]{opacity:1;-webkit-animation:div_animate-data-v-2e5499b2 .5s 1s infinite alternate forwards;animation:div_animate-data-v-2e5499b2 .5s 1s infinite alternate forwards}@-webkit-keyframes div_animate-data-v-2e5499b2{0%{opacity:1}to{opacity:0}}@keyframes div_animate-data-v-2e5499b2{0%{opacity:1}to{opacity:0}}