.daftar-page-container{z-index:9999;box-sizing:border-box;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f4;background-image:url(/images/footer_login.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;height:100dvh;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:hidden auto}.daftar-card{box-sizing:border-box;background-color:#fbfcfb;border:1px solid #b7c9bb;border-radius:24px;width:100%;max-width:440px;padding:34px 36px;position:relative;box-shadow:0 12px 32px #20392817,0 2px 6px #2039280a}.daftar-header{text-align:center;margin-bottom:26px}.daftar-header h1{color:#17251b;letter-spacing:-.6px;margin:0 0 10px;font-size:clamp(23px,3vw,28px);font-weight:750;line-height:1.25}.daftar-header p{color:#59645c;margin:0;font-size:14px;font-weight:400;line-height:1.6}.daftar-form{width:100%}.form-group{flex-direction:column;margin-bottom:17px;display:flex}.form-group label{color:#202a23;margin-bottom:7px;font-size:14px;font-weight:600;line-height:1.4;display:block}.form-group input{box-sizing:border-box;color:#202a23;background-color:#fff;border:1.5px solid #c5cec7;border-radius:11px;outline:none;width:100%;min-width:0;min-height:47px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;transition:border-color .2s,box-shadow .2s,background-color .2s;display:block;box-shadow:0 1px 2px #14281906}.form-group input::placeholder{color:#7a837d;opacity:1}.form-group input:hover{border-color:#a5b7a9}.form-group input:focus{background-color:#fff;border-color:#548563;box-shadow:0 0 0 3px #54856321}.form-group input:focus-visible{outline:none}.daftar-footer-inside{text-align:center;flex-direction:column;align-items:center;gap:9px;margin-top:24px;display:flex}.daftar-footer-inside p{color:#4d5750;margin:0;font-size:13px;line-height:1.6}.link-login{color:#28613a;font-weight:650;text-decoration:none;transition:color .2s}.link-login:hover{color:#174728;text-underline-offset:3px;text-decoration:underline}.link-login:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #548563}.copyright-text{color:#7d867f!important;font-size:11px!important}.notif-overlay{z-index:100000;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#111d1473;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.notif-box{box-sizing:border-box;text-align:center;background-color:#fbfcfb;border:1px solid #b7c9bb;border-radius:22px;width:100%;max-width:380px;padding:30px 28px;animation:.25s ease-out popUp;box-shadow:0 18px 45px #00000029}.notif-box h3{color:#203b2b;margin:0 0 10px;font-size:20px;font-weight:750;line-height:1.35}.notif-box p{color:#59645c;overflow-wrap:anywhere;margin:0 0 22px;font-size:14px;line-height:1.65}@keyframes popUp{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.daftar-card{max-width:420px;padding:30px 28px}.daftar-header{margin-bottom:23px}}@media screen and (max-width:480px){.daftar-page-container{-moz-text-size-adjust:100%;text-size-adjust:100%;background-position:bottom;background-size:auto 42%;padding:18px 14px}.daftar-card{border-radius:20px;width:100%;max-width:390px;padding:25px 21px;box-shadow:0 8px 25px #20392817,0 1px 4px #2039280a}.daftar-header{margin-bottom:22px}.daftar-header h1{letter-spacing:-.4px;font-size:23px}.daftar-header p{font-size:13px;line-height:1.6}.form-group{margin-bottom:15px}.form-group label{margin-bottom:6px;font-size:12px;line-height:1.35}.daftar-form input,.form-group input,.daftar-form textarea,.daftar-form select{line-height:1.4;font-size:16px!important}.form-group input{min-height:48px;padding:12px 13px}.daftar-footer-inside{gap:8px;margin-top:21px}.daftar-footer-inside p{font-size:12px}.copyright-text{font-size:11px!important}.notif-box{border-radius:20px;max-width:350px;padding:27px 22px}.notif-box h3{font-size:19px}.notif-box p{font-size:14px}}@media screen and (max-width:360px){.daftar-page-container{padding:12px 10px}.daftar-card{border-radius:18px;padding:22px 17px}.daftar-header h1{font-size:21px}.daftar-header p{font-size:12px}.form-group label{font-size:11px;line-height:1.35}.form-group input{padding:11px 10px}.daftar-footer-inside p{font-size:11px}}@media (max-height:700px){.daftar-page-container{justify-content:flex-start;padding-top:14px;padding-bottom:14px}.daftar-card{margin-top:auto;margin-bottom:auto}}@media (prefers-reduced-motion:reduce){.form-group input,.link-login{transition:none}.notif-box{animation:none}}.btn-submit,.notif-btn{color:#243b40;cursor:pointer;background-color:#91b5a1;background-image:radial-gradient(circle at 15% 25%,#ffffffbf 0%,#0000 24%),radial-gradient(circle at 62% 18%,#ffffffad 0%,#0000 22%),radial-gradient(circle at 42% 80%,#ffffffb8 0%,#0000 24%),radial-gradient(circle at 88% 75%,#ffffffbf 0%,#0000 22%);border:1px solid #7e9f8e;border-radius:999px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:54px;margin:14px auto 0;padding:14px 26px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .3s ease-out,box-shadow .3s ease-out;display:inline-flex}.btn-submit:hover:not(:disabled),.notif-btn:hover:not(:disabled){filter:brightness(.88);background-color:#91b5a1;background-image:radial-gradient(circle at 15% 25%,#ffffffbf 0%,#0000 24%),radial-gradient(circle at 62% 18%,#ffffffad 0%,#0000 22%),radial-gradient(circle at 42% 80%,#ffffffb8 0%,#0000 24%),radial-gradient(circle at 88% 75%,#ffffffbf 0%,#0000 22%);transform:translateY(-2px);box-shadow:0 6px 15px #173f3533}.btn-submit:active:not(:disabled),.notif-btn:active:not(:disabled){transform:translateY(0)scale(.99)}.btn-submit:disabled,.notif-btn:disabled{cursor:not-allowed;opacity:.65}.btn-submit:focus-visible,.notif-btn:focus-visible{outline-offset:3px;outline:3px solid #69997873}@media (prefers-reduced-motion:reduce){.btn-submit,.notif-btn{transition:none}}.notif-btn:hover:not(:disabled){filter:brightness(.88);transform:translateY(-2px);box-shadow:0 6px 15px #173f3533}.notif-btn:active:not(:disabled){transform:translateY(0)scale(.99)}.daftar-page-container{image-rendering:auto;backface-visibility:hidden;background-color:#f4f7f4;background-image:linear-gradient(#f4f7f414 0%,#f4f7f405 45%,#f4f7f41f 100%),url(/images/footer_login.png);background-position:50%,bottom;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100%;background-attachment:scroll}@media screen and (max-width:480px){.daftar-page-container{background-image:linear-gradient(#f4f7f41f 0%,#f4f7f405 50%,#f4f7f414 100%),url(/images/footer_login.png);background-position:50%,bottom;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100%;background-attachment:scroll}}@media screen and (max-width:360px){.daftar-page-container{background-position:50%,bottom;background-size:100% 100%,115%}}@media screen and (max-height:500px) and (orientation:landscape){.daftar-page-container{background-position:50%,bottom;background-size:100% 100%,auto 100%}}
