.login-container{height:100vh;background:linear-gradient(67.59deg,#001d0a 1.55%,#524400 97.32%);display:flex;flex-direction:column;align-items:center;padding:auto}.login-container .login-logo{margin:auto;display:block;text-align:center}.login-container .login-wrapper{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%}.login-container .login-card{display:flex;overflow:hidden;backdrop-filter:blur(10px);justify-content:space-between;width:100%;flex-wrap:wrap}.login-container .login-form{flex:1;padding:40px;border-radius:16px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;color:var(--color-primary);min-width:280px;max-width:350px;margin:auto}.login-container .login-title{text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.login-container .role-buttons{display:flex;justify-content:space-between;margin-bottom:30px}.login-container .role-button{flex:1;padding:4px;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:4px;margin-right:10px;cursor:pointer;font-weight:700;text-align:center;transition:all .3s}.login-container .role-button:last-child{margin-right:0}.login-container .role-button.active{background-color:var(--color-primary);color:#000}.login-container .input-field{color:var(--color-white);font-weight:400;border-bottom:2px solid var(--color-primary);background:transparent}.login-container .input-field:focus{border-bottom-color:#ccac00}.login-container .input-label{color:var(--color-primary);transition:all .3s ease}.login-container .peer:focus~.input-label{color:#ccac00;background:transparent}.login-container .submit-button{width:100%;padding:8px;background-color:var(--color-primary);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s}.login-container .submit-button:hover{background-color:#e5c200}.login-container .login-image{margin:auto}.login-container .image-illustration{min-width:280px;max-width:100%;max-height:100%;border-radius:16px}.login-container .text-gold{color:#fcd307}::selection{background:transparent!important;color:inherit}input::selection,label::selection{background:transparent!important;color:inherit}@media screen and (max-width:768px){.login-container{height:auto;padding:20px}.login-card{flex-direction:column;align-items:center}.login-form,.login-image{margin:20px auto}}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{background-color:transparent!important;-webkit-box-shadow:inset 0 0 0 1000px transparent!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s!important}