.login{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:url(/images/image11.png) no-repeat 50%/cover;background-color:#fff}.logo,.wrapper{text-align:center}.wrapper{width:550px;height:90%;background-color:rgba(255,255,255,.9);border-radius:8px;padding:40px;box-shadow:0 0 20px rgba(0,0,0,.2);position:relative;margin:5%}form{display:flex;flex-direction:column}h2{font-size:2rem;margin-bottom:10px}p{margin-bottom:20px}.input-field{position:relative;margin:20px 0}.input-field label{position:absolute;top:50%;left:0;transform:translateY(-50%);color:black;font-size:16px;pointer-events:none;transition:.2s}.input-field input{width:100%;height:40px;background:transparent;border:none;border-bottom:2px solid #ccc;outline:none;font-size:16px}.input-field input:focus~label,.input-field input:valid~label{top:-10px;font-size:14px;color:black}.forget{display:flex;align-items:center;justify-content:space-between;margin:25px 0;font-size:14px}.forget input{accent-color:#c82338}.forget p{margin-left:8px;margin-bottom:0}.wrapper a{color:#c82338;text-decoration:none}.wrapper a:hover{text-decoration:underline}.button-log{background-color:#c82338;color:#fff;font-weight:700;padding:12px 0;border:none;border-radius:4px;margin-top:10px;transition:.3s}.button-log:hover{background-color:#fff;color:#c82338;border:2px solid #c82338}.register{margin-top:30px;font-size:14px;color:#333}.Link{color:#c82338;text-decoration:none;font-weight:700}.error{color:red;font-size:12px;margin-top:2px;display:block}.remember{display:flex}.backend-error{color:red;background-color:#ffe6e6;border:1px solid red;padding:10px;margin-bottom:15px;border-radius:5px;text-align:center}.sk-fading-circle{margin:10px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:125%;height:100%;position:absolute;left:0;top:0}.error-message{color:red;margin-top:10px;font-size:14px;text-align:center}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{animation-delay:-1s}.sk-fading-circle .sk-circle4:before{animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}