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