.containerForm{position:relative;width:55%;margin:5vmax auto;display:flex;flex-direction:column;align-items:center;padding:4vmax 1vmax;gap:2vmax;background-color:#0d0d0d;border-radius:10px}.containerForm .loginTitle{color:var(--beige);text-align:center}.containerForm .loginTitle .loginColor{color:var(--success)}.containerForm .loginInput{width:30vmax;height:3vmax;padding:.5vmax;border-radius:5px;background-color:var(--background)}.containerForm .loginButton{margin-top:3vmax;background:linear-gradient(90deg,#1d7874 50%,#de4f37);color:var(--background);border:none;padding:10px 20px;border-radius:5px;text-decoration:none;cursor:pointer;text-align:center;width:18vmax}.containerForm .loginButton:hover{background-color:#ff7045}.containerForm .errorMessage{color:#ff2727;margin-bottom:0}.containerForm:before{content:"";position:absolute;inset:0;padding:1.2px;border-radius:1vmax;background:linear-gradient(90deg,rgba(29,120,116,.7058823529) 50%,rgba(222,80,55,.6666666667));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media screen and (max-width:1400px){.containerForm{width:60%}.containerForm .loginTitle{font-size:4vmax}.containerForm .loginInput{width:40vmax;height:4.5vmax}.containerForm .loginButton{width:20vmax}}@media screen and (max-width:835px){.containerForm{width:70%}.containerForm .loginTitle{font-size:3.5vmax}}@media screen and (max-width:769px){.containerForm .loginInput{width:90%;height:5.2vmax;font-size:2vmax}.containerForm .loginButton{font-size:2vmax}}@media screen and (max-width:581px){.containerForm{width:90%}.containerForm .loginInput{height:5.5vmax}}@media screen and (max-width:481px){.containerForm{width:93%}}