:root{--primary-color:#aef1ae;--secondary-color:#aef1ae}form{width:100%}.login-container{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.company-name{color:#214a22;text-shadow:2px 2px 4px #0000001a;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.login-logo-spin{opacity:.85;width:80px;height:80px;margin-bottom:1.75rem;animation:40s linear infinite login-spin}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card{-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border-radius:10px;flex-direction:column;align-items:center;width:380px;max-width:90vw;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000001a}.logo{color:#214a22;margin-bottom:1.5rem}.input-group{background-color:#fff9;border-radius:5px;align-items:center;margin-bottom:1rem;padding:.5rem;display:flex}.input-group svg{color:#214a22;margin-right:.5rem}.login-input{color:#214a22cc;background:0 0;border:none;outline:none;width:100%}.login-input::placeholder{color:#214a22cc}.login-button{color:#fff;cursor:pointer;background-color:#214a22;border-radius:5px;width:100%;padding:5px;font-weight:700;transition:background-color .3s}.login-button:hover{background-color:#214a22cc}.recover-password,.back-to-login{color:#214a22;cursor:pointer;margin-top:1rem}@media (max-width:480px){.login-container{justify-content:flex-start;padding:3rem 1rem 1.5rem}.company-name{margin-bottom:.5rem;font-size:2rem}.login-logo-spin{width:64px;height:64px;margin-bottom:1.25rem}.login-card{border-radius:12px;width:100%;max-width:100%;padding:1.5rem 1.25rem}.login-button{padding:10px 5px;font-size:1rem}}