*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Montserrat,sans-serif;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.background{position:relative;width:100vw;height:100vh;background:url(../images/background/background1.webp) center/cover no-repeat,url(../images/background/background2.webp) center/cover no-repeat,url(../images/background/background3.webp) center/cover no-repeat,url(../images/background/background4.webp) center/cover no-repeat,url(../images/background/background5.webp) center/cover no-repeat;animation:slideBackground 20s infinite alternate;transition:background 1s ease-in-out;overflow:hidden}@keyframes slideBackground{0%{background:url(../images/background/background1.webp) center/cover no-repeat}20%{background:url(../images/background/background2.webp) center/cover no-repeat}40%{background:url(../images/background/background3.webp) center/cover no-repeat}60%{background:url(../images/background/background4.webp) center/cover no-repeat}80%{background:url(../images/background/background5.webp) center/cover no-repeat}100%{background:url(../images/background/background1.webp) center/cover no-repeat}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;text-align:center;z-index:3;color:#fff}.logo{max-width:250px;margin-bottom:20px}.login-form{background:rgba(255,255,255,.219);padding:20px;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.5)}.input-group{position:relative;margin-bottom:15px}.input-group i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#3498db;font-size:18px}.input-group input{width:100%;padding:10px;padding-left:40px;border:none;border-radius:5px;background:rgba(255,255,255,.8);font-size:16px;transition:background .3s}.input-group input:focus{outline:0;background:rgba(255,255,255,1)}.input-group::before{content:attr(data-icon);position:absolute;left:10px;top:50%;transform:translateY(-50%);font-family:'Font Awesome 5 Free';font-size:18px;color:#3498db}.login-button{width:100%;padding:10px;background:#3498db;border:none;border-radius:5px;font-size:16px;color:#fff;cursor:pointer;transition:background .3s}.login-button:hover{background:#2980b9}.error-message{background:#db8282;color:#830505;border:1px solid #ff4d4d;padding:10px;border-radius:5px;margin-bottom:15px;text-align:left;font-size:14px}.oculto{display:none}.error-message.show{display:block;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}