@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-container{padding:30px 40px;background:#fff;border-radius:10px}.main-container[data-page=Login]{height:100%}.main-container[data-page=Forgot]{height:auto}.main-switch-btn{width:100%;margin-bottom:30px}.main .main-switch-btn Link{font-weight:500}.switch-active{background:#81d7f8!important;color:#fff!important;font-weight:700!important}.switch-btn-login,.switch-btn-register{border:2px solid #81d7f8;height:25px;transition:background .5s,color .5s,padding-right .5s,padding-left .5s;padding:1px;font-size:12px}.switch-btn-login{border-radius:15px 0 0 15px;color:#81d7f8}.switch-btn-login:hover{color:#fff;background:#81d7f8;font-weight:700;padding-left:10px}.switch-btn-register{border-radius:0 15px 15px 0;color:#81d7f8}.switch-btn-register:hover{color:#fff;background:#81d7f8;font-weight:700;padding-right:10px}.main-form input[type=email],input[type=password],input[type=text]{height:40px;font-size:12px}.rbt input{padding:0 1rem}.main-form label{font-weight:700;margin-bottom:.3rem}.main-form .form-check label,.main-form label{font-size:12px;color:#505254;cursor:pointer}.main-form .forgot-password{font-size:12px;text-align:right;padding:5px 3px;font-weight:700}.main-form button[type=submit]{background:#81d7f8;color:#000;border-radius:30px;height:40px;font-weight:700;transition:font-weight .5;transition:background .5s;font-size:14px}.main-form button[type=submit]:hover{background:#81d7f8}.main-link{font-weight:700}.input-password{position:relative}.input-password .input-group-append{right:0;position:absolute}.input-password .input-group-text{border-radius:0 .25rem .25rem 0;height:40px;background:transparent;border:transparent}.form-check-input:checked{background-color:#4caf50;border-color:#4caf50}.auth-describe h5{font-weight:700}.auth-describe p{font-size:13px}.toggle-password{background:#fff;border-left:none}.form-title h5{font-size:26px;font-weight:700;margin-bottom:0}.form-title p{font-size:13px}span[data-testid=not-have-account]{font-size:13px;color:#505254}.link{text-decoration:none;transition:color .5s ease-in-out;font-weight:700}.link,.link:hover{color:#4caf50}.back{font-size:13px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-popup{background:#fff;border-radius:12px;padding:35px 30px;text-align:center;min-width:320px;max-width:380px;box-shadow:0 8px 32px rgba(0,0,0,.2);position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .3s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{color:#333}.popup-icon{margin:0 auto 20px;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px}.warning-icon{background:#fef3e2;color:#ff9800}.warning-popup .popup-title{color:#ff9800;font-size:16px;font-weight:700;margin:0 0 12px}.warning-popup .popup-message{color:#666;font-size:13px;line-height:1.6;margin:0 0 20px}.warning-popup .popup-btn{background:#279eff;color:#fff;border:none;border-radius:25px;padding:12px 30px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s;width:100%;height:42px;margin-top:0}.warning-popup .popup-btn:hover{background:#1e7fc9}.cooldown-icon{background:#e8f4fd;color:#279eff}.cooldown-popup .popup-title{color:#333;font-size:16px;font-weight:700;margin:0 0 12px}.cooldown-popup .popup-message{color:#666;font-size:13px;line-height:1.6;margin:0 0 25px}.countdown-timer{margin:0 0 25px;padding:0;background:transparent;border-radius:0}.countdown-timer span{display:block;font-size:12px;color:#279eff;margin-bottom:6px;font-weight:600}.timer-display{font-size:32px;font-weight:700;color:#279eff;font-family:"Courier New",monospace;letter-spacing:2px}.cooldown-popup .popup-btn{background:#ccc;color:#999;border:none;border-radius:25px;padding:12px 30px;font-size:13px;font-weight:600;cursor:not-allowed;width:100%;height:42px;margin-top:0}.block-icon{background:#fce8e8;color:#dc3545}.block-popup .popup-title{color:#dc3545;font-size:16px;font-weight:700;margin:0 0 12px}.block-popup .popup-message{color:#666;font-size:13px;line-height:1.6;margin:0 0 20px}.block-timer{margin:0 0 25px;padding:15px;background:#fce8e8;border-radius:8px}.timer-label{font-size:12px;color:#dc3545;margin-bottom:8px;font-weight:600}.block-timer .timer-display{font-size:32px;font-weight:700;color:#dc3545;font-family:"Courier New",monospace;letter-spacing:2px}.block-popup .popup-btn{background:#ccc;color:#999;border:none;border-radius:25px;padding:12px 30px;font-size:13px;font-weight:600;cursor:not-allowed;width:100%;height:42px;margin-top:0}.clock-icon{display:inline-block;font-size:36px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lock-icon{display:inline-block;font-size:36px;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.form-control.is-invalid{border-color:#dc3545;background-image:none}.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.invalid-feedback{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;grid-gap:6px;gap:6px}.invalid-feedback svg{flex-shrink:0}.loading-container{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.spinner-border.loading{width:16px;height:16px;border-width:2px}.main-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}@media (max-width:767px){.main-container{padding:30px;margin-bottom:3rem}.switch-btn-login,.switch-btn-register{height:30px;padding:4px}.auth-describe{display:none}.modal-popup{min-width:280px;max-width:90%;padding:25px 20px}.popup-icon{width:60px;height:60px;font-size:30px;margin-bottom:15px}.popup-title{font-size:15px}.popup-message{font-size:12px}.timer-display{font-size:28px}.popup-btn{font-size:12px;height:38px}}.footer{background:transparent;padding-bottom:8px;z-index:99999;position:absolute}.footer-list{flex-wrap:wrap;align-self:center;margin-bottom:0;justify-content:center}.footer-list li{margin:0 10px;min-width:-webkit-max-content;min-width:max-content}.footer-link{color:#fff;font-size:13px;text-decoration:none}.footer-link:hover{color:#fff;font-weight:700;text-decoration:underline}.copyright{font-size:13px;text-align:center;color:#fff;font-weight:700;justify-content:center}@media (max-width:991px){.footer-list{min-width:-webkit-max-content;min-width:max-content}.copyright,.footer-list{justify-content:center}}@media (max-width:767px){.footer{display:none}.footer-list{justify-content:center;flex-wrap:wrap}.footer-list,.footer-list .footer-link{min-width:-webkit-max-content;min-width:max-content}.footer-list .footer-link{font-size:12px}.footer-list li{text-align:center;min-width:-webkit-max-content;min-width:max-content}.copyright{font-size:11px;justify-content:center}.footer .link-list{display:none!important}}.hero-background{min-height:100vh;background-size:cover;background-position:100% 68%;background-repeat:no-repeat;position:fixed}.hero{background:transparent;min-height:100vh;margin:0;position:relative;z-index:2}.hero .content-container{display:flex;padding:15vh 10vh;min-height:100vh}.hero .content-container .left-side{height:435px;display:flex;flex-direction:column;align-content:space-between;flex-wrap:wrap}.hero h1{font-weight:700}.hero .logo img{width:100px;height:100px}.hero h5{font-size:1.75rem}.hero .left-side .title-container{width:88%;height:100%;display:flex;flex-direction:column}.hero .right-side{position:relative;overflow-y:scroll}.hero .right-side[data-page=Login]{min-height:435px}.hero .right-side[data-page=Forgot]{height:435px;display:flex;flex-direction:column;justify-content:flex-end}.right-side::-webkit-scrollbar{display:none}.slogan{text-align:justify;font-family:"PT Sans",sans-serif;font-weight:300;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-end;height:100%}.slogan p{font-size:1.7rem;margin-bottom:0;font-weight:300;line-height:normal}.data-container{padding:5vh 25vh;width:100%;color:#fff}.mr-3{margin-right:15px!important}.border{border:1px solid #fff}.logo-title{display:none}.header{display:flex;justify-content:space-evenly;font-size:100%;padding-top:20px;padding-right:50px}.login{height:35px;margin-top:15px;padding:5px 40px;cursor:pointer;color:#000;background:#81d7f8;border-radius:50px}.login2,.logo2{display:none}@media (max-width:991px){.hero .content-container{padding:5vh;min-height:60vh;text-align:center}.hero h1{font-size:1.7rem}.hero h5{font-size:1.5rem}.slogan p{font-size:1.3rem}.hero .content-container .left-side{align-self:center}.hero .left-side .title-container{position:relative;width:85%}.hero .right-side{position:relative;align-self:center}.slogan{margin-top:5vh;text-align:justify}.data-container{padding:0 5vh}}@media (max-width:767px){.hero .content-container{display:block;padding:20px}.logo{display:none}.logo2{display:block}.login{display:none}.login2{display:block;height:35px;padding:5px 40px;cursor:pointer;color:#000;background:#81d7f8;border-radius:50px}.header{padding-top:5px;padding-right:5px}.hero .right-side[data-page=Forgot],.hero .right-side[data-page=Login],.hero .right-side[data-page=Register],.main-container[data-page=Login]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero .right-side[data-page=Forgot]{justify-content:flex-start}.hero .left-side[data-page=Forgot],.hero .left-side[data-page=Login],.hero .left-side[data-page=Register]{display:none}.title{font-size:50%}.slogan{text-align:justify}.deskripsi{width:70%}.data-container{padding:0;flex-direction:column}.logo{margin-right:10px}.logo-title{display:flex;color:#fff;justify-content:center}.logo-title .logo img{width:75px;height:75px}.logo-title .deskripsi{margin-left:10px}.logo-title h2{font-weight:700;font-size:20px;margin:0}}.error-notfound img{height:300px;width:300px}.error-notfound button{transition:background-color .5s,color .5s}.error-notfound button:hover{background-color:#303f9f;color:#fff}@media (max-width:767px){.error-notfound{padding:10px}}body{margin:0;font-family:-apple-system,nunito;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}body::-webkit-scrollbar{width:8px;background-color:#f5f5f5}body::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#2a4458}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.paper{background:transparent}.bold{font-weight:700}section{width:100%;height:100%;min-height:100vh}.loading-container{font-size:13px}.loading{height:14px;width:14px}.invalid-feedback{padding-left:5px;font-size:13px}.show-hide{background:transparent;border:none}.icon-btn{cursor:pointer}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:none}
/*# sourceMappingURL=main.7a93d36c.chunk.css.map */