body{background-color:#1b1b1b}.login-wrapper{position:relative;height:100vh;width:100%;background:url(https://franchise.mastersiomai.ph/build/assets/login-bg-3c54244e.png) no-repeat;display:flex;justify-content:center;align-items:center}.section{z-index:3;max-width:90rem;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.section__logo{display:flex;justify-content:center;align-items:center}.section__logo>div{background:url(https://franchise.mastersiomai.ph/build/assets/big-logo-3c89c33c.png) no-repeat;background-size:100%;width:25rem;aspect-ratio:16/4}.section__form{display:flex;justify-content:center}.section__form p:first-of-type{font-size:1.125rem;line-height:1.25rem;text-align:center;font-weight:300;margin-bottom:1.5rem}.section__form p:first-of-type span{font-weight:500}.section__form form{max-width:25rem;width:100%;color:#fff}.radio-container{background:var(--white);border-radius:2.0625rem;padding:.35rem}.radio-container .radio{display:flex;align-items:center;justify-content:center;position:relative}.radio__label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;transition:all .3s ease-in-out;cursor:pointer;width:50%;height:35px;border-radius:2.0625rem;font-size:1rem;font-weight:600;color:var(--main);z-index:2}.radio__input{display:none}.radio__label:focus,.radio__input:focus{outline:none;background-color:transparent}.radio__input:checked+label{color:#fff}.radio__label .radio__label__dot{height:1rem;width:1rem;background:#ffdada;border-radius:50%;position:relative}.radio__label .radio__label__dot:before{content:"";position:absolute;top:.25rem;left:.25rem;width:.5rem;height:.5rem;background:var(--main);border-radius:50%;opacity:0;transform:scale(1.5);transition:all .3s ease-in-out}.radio #option-1:checked:checked~.option-1 .radio__label__dot:before,.radio #option-2:checked:checked~.option-2 .radio__label__dot:before{opacity:1;transform:scale(1)}.radio__glider{position:absolute;left:0;width:50%;height:35px;border-radius:2.0625rem;background:var(--main);box-shadow:#00000026 0 3px 3px;transition:all .3s ease;z-index:1}.radio #option-1:checked~.radio__glider{transform:translate(0)}.radio #option-2:checked~.radio__glider{transform:translate(100%)}.input-container{margin-top:1.5rem}.input-container input{padding-left:2.5rem}.input-container input:focus~.input-icon__logo{fill:red!important}.input-container .toggle-password-btn{position:absolute;transform:translate(-50%,-50%);top:50%;right:1%;cursor:pointer;font-size:1.25rem;color:var(--main);transition:all .3s ease-in-out}.input-container .toggle-password-btn i{transition:all .3s ease-in-out}.input-container .toggle-password-btn:hover{color:var(--main-hover)}.actions-container .action-pw{margin:1.15rem 0;display:flex;justify-content:flex-end;align-items:center}.actions-container .action-pw label{display:flex;align-items:center;gap:.25rem}.actions-container .action-pw input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--main)}.actions-container .action-pw span{font-size:.9rem;cursor:pointer;transition:all .3s ease-in}.actions-container .action-pw span:hover{color:var(--main);text-decoration:underline}.action-buttons span{font-size:.9rem;display:block;text-align:center;margin-bottom:1rem}.actions-container .divider{border-top:1px solid var(--gray2);padding-top:1rem;margin-top:1.5rem}.register-wrapper{background-color:#fff;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;z-index:100;transform:translateY(-200%);transition:all .3s ease-in-out}.register-wrapper.active{transform:translateY(0)}.register-wrapper .nav{display:flex;justify-content:center;align-items:center;height:88px;background:var(--black);box-shadow:#00000026 0 2px 8px;color:var(--white)}.register-wrapper .nav h3{font-size:1.35rem;line-height:2rem;display:none}.nav__close-btn{width:35px;height:35px;position:absolute;left:2%;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.nav__close-btn>div{position:relative}.nav__close-btn span{display:block;position:absolute;left:0;top:17px;height:3px;width:100%;background:#fff;border-radius:4px;transform:rotate(0);transition:.2s ease-in-out}.nav__close-btn span:nth-child(1),.nav__close-btn span:nth-child(3){width:50%;transform:rotate(45deg)}.nav__close-btn span:nth-child(1){left:3px;top:11px}.nav__close-btn span:nth-child(2){transform:rotate(-45deg)}.nav__close-btn span:nth-child(3){left:15px;top:23px}.nav__close-btn:hover span:nth-child(1),.nav__close-btn:hover span:nth-child(3){left:-2px}.nav__close-btn:hover span:nth-child(1){top:11px;transform:rotate(135deg)}.nav__close-btn:hover span:nth-child(2){transform:rotate(0)}.nav__close-btn:hover span:nth-child(3){top:23px;transform:rotate(45deg)}.form-container{display:flex;justify-content:center;align-items:center;height:80%;margin:auto;padding:0 1.25rem}.register-form,.register-result-content{max-width:35rem;width:100%;transition:all .3s ease}.register-result-content .regis__img{margin:auto;display:flex;align-items:center;justify-content:center;width:16rem}.register-result-content .regis__img img{width:100%;object-fit:contain}.register-result-content .regis__message{margin:2rem 0 2.5rem}.register-result-content h3{font-size:2rem;line-height:150%;text-align:center}.register-result-content p{font-size:1rem;line-height:150%;text-align:center}.register-result-content p span{font-weight:600}.register-form .description{margin:1rem 0 2.5rem}.register-form .description h3{color:var(--black);font-size:2.5rem;line-height:150%}.register-form .description p{font-size:1rem;line-height:130%}.register-form .description p span{font-weight:600}.register-form .description p span:first-of-type{color:var(--main)}.register-form .input-container input{background-color:var(--gray4)}.register-form .input-container .input-icon .input-icon__logo{left:3.5%}.register-form .actions-container{margin-top:1.5rem}.register-form .actions-container .close-btn{margin-top:1.5rem;font-size:1rem;text-align:center;color:var(--black);cursor:pointer}.register-form .actions-container .close-btn span{color:var(--main);font-weight:600}.register-form .actions-container .close-btn:hover{text-decoration:underline}.error-message{background-color:#3d1212;border:1px solid #882c2c;color:var(--white);padding:.5rem 1rem;border-radius:6px;margin-top:.5rem}.error-message p{font-size:.95rem!important;margin-bottom:0!important}.modal__content h3{margin-bottom:.5rem}.actions-container{margin-top:1rem}.inputs-container{display:flex;gap:5px;width:100%;margin:0!important}.branch-column input{display:none}.branch-column{width:100%;min-width:300px}.branch-item{border:1px solid var(--gray);width:100%;border-radius:8px;padding:8px;cursor:pointer;display:block}.branch-column input:checked+.branch-item{border-color:var(--main-hover);background-color:var(--main-hover);color:#fff}@media only screen and (max-width: 1024px){.section{max-width:90vw;grid-template-columns:repeat(1,1fr);gap:0}.section__form form{width:100%}}@media only screen and (max-width: 768px){.section__logo>div{background:url(https://franchise.mastersiomai.ph/build/assets/small-logo-dc0129fa.png) no-repeat;background-size:100%;background-position:center center;width:12rem;aspect-ratio:16/10}.section__form p:first-of-type{font-size:1rem;line-height:1.25rem}.error-message{padding:.5rem .75rem}.error-message p{font-size:.9rem!important}}.section__logo_dps{display:flex;justify-content:center;align-items:center}.section__logo_dps>img{background:url(../../assets/icon/DPSSeal-2025_page-0001.png) no-repeat;width:10rem}@media only screen and (max-width: 768px){.section__logo_dps>img{width:10rem}}