*{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/cityBackground-B-ngnLtl.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0e0e0e6e 0% 0% no-repeat padding-box;opacity:1;z-index:-1}.login-container{width:800px;height:400px;padding:10px;background-color:#f8f8f8;border-radius:20px;overflow:hidden;display:flex;box-shadow:0 10px 25px #0003}.building-image{width:45%;height:100%;border-radius:20px 30px 82px 20px;background-image:url(/assets/cityCard-B4PfdO3m.png);background-size:cover;background-position:center}.login-form{width:50%;padding:20px;display:flex;flex-direction:column;justify-content:center;background-color:#f8f8f8}h1{font-size:40px;margin-bottom:40px;color:#373737;font-weight:500;text-align:center}.input-group{margin-bottom:15px;position:relative;width:100%}.input-group.input-group{position:relative;display:flex;align-items:center;margin-bottom:0}.input-group.input-group input{flex:1;padding-right:40px}input{width:100%;height:40px;padding:0 15px;border:none;border-radius:15px;font-size:16px;outline:none;box-sizing:border-box;box-shadow:0 2px 5px #0000001a;background-color:#fff}input::-moz-placeholder{color:#37373778;font-size:18px;opacity:1}input::placeholder{color:#37373778;font-size:18px;opacity:1}input.error{border:1px solid #e74c3c}.password-container{position:relative;width:100%}button{width:100%;height:40px;background-color:#000;color:#fff;border:none;border-radius:15px;padding:10px;font-size:16px;cursor:pointer;transition:background-color .3s;margin-top:20px;box-sizing:border-box}button:hover{background-color:#333}.eye-icon{position:absolute;margin-top:7px;right:15px;height:24px;cursor:pointer;top:50%;transform:translateY(-50%)}.error-message{color:#e74c3c;font-size:14px;visibility:hidden;position:relative;height:20px;margin-top:2px;margin-bottom:0;display:block}.error-message.visible{visibility:visible}#password{margin-top:12px!important}.status-message{margin-top:15px;padding:10px;border-radius:5px;display:none}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.login-container{width:90%;flex-direction:column;height:auto}.login-container .building-image{width:100%;height:200px;-webkit-clip-path:none;clip-path:none;border-radius:20px 20px 0 0}.login-container .login-form{width:100%;box-sizing:border-box}input,button{width:100%}}