body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background:url('../../media/img/bg01.jpg') center center/cover no-repeat fixed}.login-wrapper{display:flex;height:100vh}.login-block{width:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:rgba(255,255,255,.8);padding:20px;box-sizing:border-box;height:100%}.login-content{padding-top:33vh;display:flex;flex-direction:column;align-items:center}.logo-login{width:200px;height:200px;background:url('/media/logos/ARXDOME_logo.png') center/contain no-repeat;margin-bottom:20px}.login-block h1{margin:0 0 20px;font-size:24px;color:#26519f;text-align:center}.input-label{display:block;font-size:.75rem;color:gray;margin-bottom:4px;text-align:left;width:100%}#step-password,#step-username{width:280px}#pass,#user,.button-group{width:100%;max-width:300px}#pass,#user{display:block;height:48px;margin-bottom:20px;padding:0 15px;font-size:15px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;background-color:#fff}#pass:focus,#user:focus{border-color:#007bff;background-color:#fff;outline:0}.button-group{display:flex;justify-content:center;gap:10px;margin-top:20px}.button-group button{flex:1;height:40px;font-size:16px;border-radius:6px;font-weight:400;cursor:pointer;border:1px solid #ccc;transition:.2s ease-in-out}.btn-primary{background-color:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary:hover{background-color:#565e64;border-color:#565e64}#pass::placeholder,#user::placeholder{color:#aaa}.login-right{flex:1;background:0 0}.msg-error{display:none;padding:12px 16px;margin-top:10px;border:1px solid #f8d7da;background-color:#f8d7da;color:red;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}