body{background-color:var(--bs-body-bg)}*{box-sizing:border-box}:root{--primary: #F1AD31;--secondary: #FFF}.login-box{width:484px;border:1px solid rgba(0,0,0,.5);border-radius:25px;box-shadow:0 4px 4px #00000040;background-color:var(--secondary)}.greenbackground{position:absolute;top:0;right:0;background-size:cover;height:100%;display:flex;z-index:-10}.logo{width:225px;height:225px;position:absolute;right:7.5%;top:35%;z-index:-10}@media screen and (max-width: 1200px){.greenbackground{right:-100px}.logo{right:10px}}@media screen and (max-width: 768px){.login-box{width:281px}.title h2{font-size:13px;font-style:normal;font-weight:500;line-height:120%}.title h1{font-size:26px;font-style:normal;font-weight:500;line-height:120%}.title p{font-size:10px;font-style:normal;font-weight:400;line-height:150%}.logo{width:148.678px;height:148.678px;top:5%;right:33vw}.smallgreen{width:100vw;position:absolute;top:-14vw;z-index:-10}}@media screen and (max-width: 578px){.smallgreen{width:100vw;position:absolute;top:-4vw;z-index:-10}}section{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:url(/build/assets/pioneerbg-9c603a4b.jpg) no-repeat;background-position:center;background-size:cover}.form-box{position:relative;width:400px;height:450px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.inputbox{position:relative;margin:30px 0;width:310px;border-bottom:2px solid #fff}.inputbox label{position:absolute;top:50%;left:5px;transform:translateY(-50%);color:#fff;font-size:1em;pointer-events:none;transition:.5s}input:focus~label,input:valid~label{top:-5px}.inputbox input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:1em;padding:0 35px 0 5px;color:#fff}.inputbox ion-icon{position:absolute;right:8px;color:#fff;font-size:1.2em;top:20px}.forget{margin:-15px 0 15px;font-size:.9em;color:#fff;display:flex;justify-content:space-between}.forget label input{margin-right:3px}.forget label a{color:#fff;text-decoration:none}.forget label a:hover{text-decoration:underline}button{width:100%;height:40px;border-radius:40px;background:#fff;border:none;outline:none;cursor:pointer;font-size:1em;font-weight:600}.register{font-size:.9em;color:#fff;text-align:center;margin:25px 0 10px}.register p a{text-decoration:none;color:#fff;font-weight:600}.register p a:hover{text-decoration:underline}