.login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:1000}.login,.login-container{display:flex;flex-direction:column}.login{background:rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(0,0,0,.4);color:var(--color-light);gap:1rem;padding:3rem 2rem;border-radius:10px;width:400px;max-width:94vw}.login-form{display:flex;flex-direction:column;gap:1.8rem}.login-form button{width:100%;z-index:1000}.login-form-footer{display:flex;flex-direction:column;gap:.5rem;align-items:center}.login-form-password{position:relative}.error-message{color:red;text-align:right;font-size:.8rem;font-weight:700;position:absolute;bottom:-1.1rem;left:0;width:100%}.success-message{color:#4BB543;text-align:center;font-size:.9rem;font-weight:700}.input-wrapper .group{position:relative}.input-wrapper .input{font-size:1rem;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid var(--color-light)}.input-wrapper .input:focus{outline:none}.input-wrapper label{color:var(--color-light);font-size:1rem;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease}.input-wrapper .input:focus~label,.input-wrapper .input:not(:placeholder-shown)~label{top:-20px;font-size:.8rem;color:var(--color-light)}.input-wrapper .bar{position:relative;display:block;width:100%;height:3px}.input-wrapper .bar:after,.input-wrapper .bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:var(--color-light);transition:all .2s ease}.input-wrapper .bar:before{left:50%}.input-wrapper .bar:after{right:50%}.input-wrapper .input:focus~.bar:after,.input-wrapper .input:focus~.bar:before{width:50%}.input-wrapper .highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.input-wrapper .input:focus~.highlight{animation:inputHighlighter .3s ease}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px rgba(255,255,255,0)!important;-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background-color:transparent!important}.input-wrapper .input{background:transparent;color:white}@keyframes inputHighlighter{0%{background:var(--color-light)}to{width:0;background:transparent}}.home{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.overlay{pointer-events:none;position:fixed;top:0;left:0;width:120vw;height:120vh;z-index:10;background-image:url(/images/asfalt-light.png),linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,.7) 15%,rgba(0,0,0,.3) 30%,rgba(0,0,0,0) 50%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7) 85%,rgba(0,0,0,1));opacity:1;background-color:rgba(0,0,0,.493);mix-blend-mode:overlay;animation:grainMove 1s steps(10) infinite}@keyframes grainMove{0%{transform:translate(0)}to{transform:translate(-5%,-5%)}}.logo-container{width:500px;height:500px;background:radial-gradient(circle,rgba(0,0,0,.548) 30%,rgba(0,0,0,0) 70%);display:flex;align-items:center;justify-content:center;border-radius:50%}.logo{width:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgb(0,0,0))}.btns-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}