.container-login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#f8f9fa}.container-form-login{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;width:400px;height:calc(100% - 100px);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a}.container-form-login form{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 80px);height:600px;gap:10px}.container-form-login h1{color:#000}.container-form-login input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.container-form-login button{width:100%;padding:10px;font-size:16px;color:#fff;background-color:#4a90e2;border:none;border-radius:4px;cursor:pointer;transition:transform .3s ease-in-out}.container-form-login button:hover{background-color:#357abd;transform:scale(1.02)}.align-loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center}:root{--bg-color: #000;--bg-form-color: #0f0f0f;--border-color: linear-gradient(90deg, #2d5eff, #00ff00, #2d5eff);--shadow-color: 0 0 10px rgba(45, 94, 255, .3);--font-color: #fff}html,body{width:100%;height:100%;min-height:100vh;min-height:100svh;background-color:var(--bg-color)}.container-login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100svh;background-color:var(--bg-color)}.container-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;max-width:400px;height:50%;min-height:400px;max-height:450px;border-radius:50px;position:relative;overflow:hidden}.container-form:before{content:"";position:absolute;inset:-2px;background:var(--border-color);background-size:200% 100%;border-radius:50px;animation:animateBorder 3s linear infinite;z-index:1}.container-form:after{content:"";position:absolute;inset:2px;background-color:var(--bg-form-color);border-radius:50px;z-index:2}@keyframes animateBorder{0%{background-position:0% 0%}to{background-position:200% 0%}}.container-form .form-title{color:var(--font-color);z-index:3}.container-form form{display:flex;flex-direction:column;justify-content:center;width:80%;height:300px;gap:20px;z-index:3}.container-form input{width:100%;color:var(--font-color);background-color:var(--bg-form-color);border:1px solid #2d5eff;border-radius:12px;padding:10px;font-size:16px}.container-form input:focus{outline:none;box-shadow:var(--shadow-color)}.container-form .container-password{position:relative;width:100%}.icon-password{position:absolute;top:55%;right:12px;transform:translateY(-50%);color:#2d5eff;font-size:20px;cursor:pointer}.container-form .btn-entrar{width:100%;color:var(--font-color);background-color:var(--bg-form-color);border:1px solid #2d5eff;border-radius:12px;padding:10px;font-size:16px;cursor:pointer;transition:transform .3s ease-in-out}@media screen and (max-height: 400px){.container-login-page{height:auto;min-height:100svh;padding:10px 0}.container-form{height:auto;min-height:320px;max-height:none;border-radius:50px;padding:15px 0}.container-form form{height:auto;min-height:200px;gap:15px}.container-form .form-title{font-size:1.5em;padding:5px 0}.container-form input,.container-form .btn-entrar{padding:8px;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}