*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{height:100vh;overflow:hidden}.warning{color:red;padding:5px}.bg-img{position:fixed;top:0;left:0;z-index:-1}.container{height:100%;flex-direction:column;padding-bottom:200px}.logo{width:434px;margin-bottom:20px}.login-box{background:rgba(0,0,0,.5);padding:30px;border-radius:8px;width:450px;max-width:100%;text-align:center}.input-group input,.login-btn{padding:12px;font-size:16px}.icon{padding:10px 12px;background:#ddd;display:flex;align-items:center;justify-content:center}.input-group input{border:none;padding:10px;width:100%;outline:none}.input-group{display:flex;flex-direction:row;align-items:center;background:#eee;margin-bottom:15px;border-radius:5px;overflow:hidden}.login-btn{width:100%;padding:10px;background:#3db2d9;border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.login-btn:hover{background:#2a9ac2}.bg-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}.bg-img{object-fit:cover;width:100%;height:100%}.bg-overlay{background:rgba(0,0,0,.5);z-index:1}.bg-overlay,.container{position:absolute;inset:0}.container{z-index:2;display:flex;justify-content:center;align-items:center}